使用云缩放插件选项

时间:2014-04-14 11:44:17

标签: javascript jquery

如何使用云缩放插件选项。该网站是http://www.starplugins.com/cloudzoom/examples。我需要实现内部缩放示例。

这是我用来调用插件的javascript代码,如何修改此代码来实现该示例

<!-- Call quick start function. -->
        <script type="text/javascript">
            CloudZoom.quickStart();
        </script>  

1 个答案:

答案 0 :(得分:1)

我对云变焦一无所知,但我会尝试这样的事情:

<script type="text/javascript">
    CloudZoom.quickStart({
        zoomPosition: 'inside',
        autoInside: true
    });
</script>

检查演示站点,我发现他们在示例中使用了数据属性:

<img alt="Cloud Zoom small image" data-cloudzoom=" zoomImage:'/sites/starplugins/images/jetzoom/large/image7.jpg', zoomPosition:'inside', zoomOffsetX:0 " src="/sites/starplugins/images/jetzoom/small/image7.jpg" class="cloudzoom">

您是否已经尝试过数据属性?