简体   繁体   English

通过云缩放插件使用选项

[英]Using options with cloud zoom plugin

how do i use options with cloud zoom plugin. 我如何在云缩放插件中使用选项。 The website is http://www.starplugins.com/cloudzoom/examples . 该网站是http://www.starplugins.com/cloudzoom/examples i need to acheive the innerzoom example. 我需要达到innerzoom示例。

this is the javascript code i am using to call the plugin, how do i modify this code to achieve that example 这是我用来调用插件的javascript代码,如何修改此代码以实现该示例

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

I don't know anything about cloud zoom, but I would try something like: 我对云缩放一无所知,但我会尝试类似的方法:

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

Inspecting the demo-site, i figured out that they used data-attributes on their examples: 在检查演示站点时,我发现他们在示例中使用了数据属性:

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

Have you already tried data-attribs? 您是否已经尝试过数据攻击?

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM