1

サムネイルのギャラリーがあり、クリックすると拡大表示されます。クリックしたときにその大きな画像をライトボックスに表示したい。ページの読み込み時に、表示される最初の画像は正常に機能します。ただし、サムネイルの1つをクリックすると、大きな画像として表示されますが、ライトボックスには元の画像しか表示されません。私はいくつかのコードを見逃していますか、それともこれはライトボックスの可能な制限ですか？

たとえばここに行きます

<a href="/uploads/portfolio/fullsize/bigimage.jpg" id="bigImgLink" rel="lightbox"><img src="/uploads/portfolio/fullsize/bigimage.jpg" alt="" class="fullsize" id="bigImg" /></a>

Javascriptのスニペット

imagearray = new Array('CapitalHealth_01alt_WEB-2225.jpg','CapitalHealth_16_WEB-1311.jpg','CapitalHealth_18retouched_WEB-6133.jpg','CapitalHealth_09_retouched_WEB-6020.jpg','CapitalHealth_13_WEB-8373.jpg');
currentimage = 0;
totalimages= imagearray.length;
        $(".navigation").click(function() {
                            if ( $(this).attr('id') == 'previous-image' ) {
                                currentimage = (currentimage > 0) ? currentimage - 1 : totalimages - 1;
                            } else {
                                currentimage = (currentimage < (totalimages - 1)) ? currentimage + 1 : 0;
                            }

                            $("img#bigImg").attr('src',"/uploads/portfolio/fullsize/" + imagearray[currentimage]);
                            $("a#bigImgLink").attr('href',"/uploads/portfolio/fullsize/" + imagearray[currentimage]);
    });
4

1 に答える 1

0

これは呼び出され$(".navigation").click(function() {ません。ウォッチを追加することで、firebugを使用してこれをデバッグできます。あなたが知らなかった場合に備えてこれを提案するだけです。

これを正しいセレクターに変更すると、機能します。何かのようなもの$(".thumbnail").click(function() {

また、カルーセルスクリプトを使用する方がよい場合もあります。

http://www.tripwiremagazine.com/2012/12/jquery-carousel.html

これはかなり良いですhttp://www.agilecarousel.com/flavor_2.htm

于 2013-02-06T01:33:47.970 に答える