4

我找不到如何更改 elevateZoom 的默认缩放级别，有什么建议吗？这是我的代码：

$('.img-zoom').elevateZoom({
    responsive: true,
    zoomWindowWidth:500,
    zoomWindowHeight:300,
    zoomWindowFadeIn: 500,
    zoomWindowFadeOut: 750,
    scrollZoom : true
  });
4

3 回答 3

3

由于某种原因，zoomLevel 示例隐藏在 elevateZoom 的示例页面中，但如果您使用开发工具，您可以删除display: none并找到以下信息：

缩放级别
默认缩放级别为 1，但可以覆盖
您可以使用zoomLevel配置选项执行此操作
缩放级别 2 将使图像小两倍
缩放级别 0.5 将使图像大两倍

$("#zoom_11").elevateZoom({
  zoomLevel: 2
});
于 2018-08-21T12:39:22.890 回答
0

对于那些不知道为什么“zoomLevel”不起作用的人。您还应该将“scrollZoom”设置为“true”。

$(".img-zoom").elevateZoom({
  scrollZoom: true,
  zoomLevel: 0.8
});
于 2021-01-02T14:35:35.070 回答
0

对于那些仍在努力让 ElevateZoom 工作的人来说，它是行不通的，它是一个死项目。改用这个叉子： https ://igorlino.github.io/elevatezoom-plus/index.html

于 2021-10-03T18:26:12.023 回答