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();
    }
});