javascript - 使用带有云缩放插件的选项

Question

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

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

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

Answer 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">

您已经尝试过数据属性吗？