javascript - 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 并找到以下信息:

Zoom Level
The zoomlevel by default is 1, but this can be overridden
You can do this with the zoomLevel config option
Zoom Level 2 would make the image twice as small
Zoom Level 0.5 would make the image twice as big

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