1

こんにちは、jquery ライトボックス プラグインhttp://leandrovieira.com/projects/jquery/lightbox/で画像ギャラリーのループを作成しようとしています。（最後の画像に到達すると、最初の画像の次のボタンを表示するか、最初の画像を表示しているときに、最後の画像の前のボタンを表示します）これまでのところ、これらの行を変更する必要があることがわかりました：

        // Show the prev button, if not the first image in set
        if ( settings.activeImage != 0 ) {
            if ( settings.fixedNavigation ) {
                $('#lightbox-nav-btnPrev').css({ 'background' : 'url(' + settings.imageBtnPrev + ') left 15% no-repeat' })
                    .unbind()
                    .bind('click',function() {
                        settings.activeImage = settings.activeImage - 1;
                        _set_image_to_view();
                        return false;
                    });
            } else {
                // Show the images button for Next buttons
                $('#lightbox-nav-btnPrev').unbind().hover(function() {
                    $(this).css({ 'background' : 'url(' + settings.imageBtnPrev + ') left 15% no-repeat' });
                },function() {
                    $(this).css({ 'background' : 'transparent url(' + settings.imageBlank + ') no-repeat' });
                }).show().bind('click',function() {
                    settings.activeImage = settings.activeImage - 1;
                    _set_image_to_view();
                    return false;
                });
            }
        }

        // Show the next button, if not the last image in set
        if ( settings.activeImage != ( settings.imageArray.length -1 ) ) {
            if ( settings.fixedNavigation ) {
                $('#lightbox-nav-btnNext').css({ 'background' : 'url(' + settings.imageBtnNext + ') right 15% no-repeat' })
                    .unbind()
                    .bind('click',function() {
                        settings.activeImage = settings.activeImage + 1;
                        _set_image_to_view();
                        return false;
                    });
            } else {
                // Show the images button for Next buttons
                $('#lightbox-nav-btnNext').unbind().hover(function() {
                    $(this).css({ 'background' : 'url(' + settings.imageBtnNext + ') right 15% no-repeat' });
                },function() {
                    $(this).css({ 'background' : 'transparent url(' + settings.imageBlank + ') no-repeat' });
                }).show().bind('click',function() {
                    settings.activeImage = settings.activeImage + 1;
                    _set_image_to_view();
                    return false;
                });
            }
        }

私のjqueryの知識は基本的なものなので、誰かが助けてくれるでしょうか?

4

2 に答える 2

0

ライトボックスがサイクルをサポートしているかどうかはわかりません。ちなみに、2 つの方法を使用して同じことを行うことができます。

方法 1 : Fancy Box プラグインを使用する

これでも、イメージがポップアップで開かれ、必要に応じてサイクルもサポートされます。高度にカスタマイズ可能です。

方法 2 : Jquery サイクル プラグインをライトボックスと共に使用する このプラグインはサイクル機能をサポートします。

このような実装には方法 1をお勧めしますが、ライトボックスの使用が必須の場合は、エラーを含む可能性がある独自のコードを記述するよりも方法 2 を使用できます。

ありがとう

于 2012-09-11T05:41:11.767 に答える