Question

正如标题所示，我正在寻找一种方法来启动jQuery Cloud Zoom脚本，以便在用户单击页面上的元素而不是悬停图像时运行它。我已经尝试了插件的官方论坛，但没有运气，也许有人在此之前创建了类似的解决方案。

Answer 1

你试过这个：

$(document).ready(function () {
    $('#itemToZoom').Click(new function(){
        $(this).CloudZoom();
    });
});

Answer 2

使用此代码

 $(document).ready(function(){
        $('.cloud-zoom-gallery').CloudZoom(); 
        $('#cloudZoom').click(function(){
            $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();      
            return false;
        })

    });

Answer 3

从版本V3.0 rev 1302271415开始，您可以通过设置cloudzoom选项“mouseTriggerEvent”来实现此行为。

示例：

HTML：

<a href="/link/to/big/img.jpg" class="zoom">
    <img src="/link/to/small/img.jpg" width="50" height="50" alt="" />
</a>

JS：

jQuery('a.zoom img').CloudZoom({mouseTriggerEvent: 'click'});

查看所有可用选项Cloud Zoom Quickstart Guide

jQuery Cloud Zoom：通过点击而不是悬停来激活脚本

3 个答案: