elevatezoom设置宽度到分割宽度

时间:2014-07-07 11:24:10

标签: jquery twitter-bootstrap zoom zooming image-zoom

我正在使用elevateZoom并且图像的显示被设置为分区。我希望缩放的图像是分区的宽度。如果分割宽度是固定的,我们可以使用它们提供的zoomWindowWidth选项,但是分区宽度根据浏览器或设备而变化。 有任何配置或任何其他方式?

<img id="zoom_04c" src="images/small/image.png" 
data-zoom-image="images/large/image.jpg"/>
<br />
<div id="demo-container" class="col-md-4"></div>
<script>
$("#zoom_04c").elevateZoom({
    zoomWindowPosition: "demo-container",
    borderSize: 2,
    easing:false});
</script>

1 个答案:

答案 0 :(得分:0)

这是一个棘手的事情。有很多计算可以让缩放正确。 除了使用&#39; zoomContainerAppendTo&#39;添加到EZP的选项。 您可能希望侦听容器的宽度,并重新初始化插件。 (添加动感)