Question

我正在尝试使用此插件：http://www.elevateweb.co.uk/image-zoom/examples

我选择了第三个例子：Gallery＆amp;灯箱。

有没有办法，在他们的css / javascript中改变css propeties，以便例如我将缩放放在全屏模式。 * 该插件生成一个容器：

<div class="zoomContainer" style="-webkit-transform: translateZ(0px); position: absolute; left: 8px; top: 8px; height: 274px; width: 411px;"></div>

我想改变这个并把我的尺寸（高度，宽度......）

谢谢

Answer 1

$("#image").elevateZoom( {  gallery:'image-additional-carousel', 
                            galleryActiveClass: 'active',
                            zoomWindowHeight:600,
                            zoomWindowWidth:600,
                       } );

使用zoomWindowHeight / zoomWindowWidth你可以设置容器的高度和宽度

使用elevatezoom更改缩放容器的大小

1 个答案: