ElevateZoom默认缩放级别

Question

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

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

Answer 1

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

  

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

$("#zoom_11").elevateZoom({
  zoomLevel: 2
});

Answer 2

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

$(".img-zoom").elevateZoom({
  scrollZoom: true,
  zoomLevel: 0.8
});