jquery - jQuery Cloud Zoom - 点击大图时的高级图像

Question

我正在为图片库使用 jQuery 云缩放并禁用了缩放（长话短说，但它正在工作）。现在，我已禁用单击大图像。

我希望通过单击大图像来推进图像（即转到下一个图像） ，而不必单击缩略图来更改图像。

这是我的示例页面：

http://future.thefutureforward.com/~field/Travel-Kit.html

有什么想法吗？

Answer 1

好的，我拿了云缩放示例并制作了一个jsfiddle 工作示例

下面的 jQuery 代码有效，唯一的小“错误”是单击最后一个图像时，它不会回到第一个。但除此之外，你没有什么可做的了；）哈哈

请注意，我必须使用live绑定点击事件的方法。

$(".mousetrap").live("click", function(){
    var current = $(this).prev().attr("href");
    var tmp = $("a.cloud-zoom-gallery[href='" + current + "']").next();

    if(tmp.length)
        tmp.click();
    else
    {
        alert($("a.cloud-zoom-gallery:first-child").html()); /* null?? */
        $("a.cloud-zoom-gallery:first-child").click();
    }
});