0

jQueryプラグインの使用http://jquery.com/plugins/project/jquerylightbox_bal

タイトルとNEXt/PREVIOUSボタンを常に表示する方法はありますか。現在、これらを表示するにはホバーする必要がありますが、ユーザーはほとんど気づいていません。

LightBox2などはこれを許可していますが、他のフレームワークが他のjsに干渉するため、jQueryに基づいて必要です。

これはこのWebサイト用です：http：//BiblePro.BibleOcean.com

4

2 に答える 2

2

組み込みのjQueryを使用して問題を解決するためのアプローチを提供する回答が得られない場合は、このアプローチを検討してください。

jQueryプラグインのスタイルを編集して、必要なものがまだ提供されていない場合は、それを実現することに成功しました。（スタイリングを使用するだけでなく、jQuery機能を介して実装されている場合を除く）。

FirebugまたはIEツールバーを使用して、ホバー時にこれらの要素にレンダリングされるスタイルを確認し、そのスタイルを変更して、ホバーではなく基本スタイル自体に必要なものを反映させます。

ありがとう

于 2009-11-29T14:18:09.447 に答える
1

現在、オプションとして使用することはできませんが、次の変更を加えてライトボックスjsファイルを変更できます。

        // Prev
        $('#lightbox-nav-btnPrev').unbind().hover(function() { // over
            $(this).css({ 'background' : 'url(' + $.Lightbox.files.images.prev + ') left 45% no-repeat' });
        },function() { // out
            $(this).css({ 'background' : 'transparent url(' + $.Lightbox.files.images.blank + ') no-repeat' });
        }).click(function() {
            $.Lightbox.showImage($.Lightbox.images.prev());
            return false;
        });

に：

        // Prev
        $('#lightbox-nav-btnPrev').css({ 'background' : 'url(' + $.Lightbox.files.images.prev + ') left 45% no-repeat' });

次の数行についても同じです。

後であなたは見つけるでしょう：

                // If not first, show previous button
                if ( !this.images.first(image) ) {
                    // Not first, show button
                    $('#lightbox-nav-btnPrev').show();
                }

                // If not last, show next button
                if ( !this.images.last(image) ) {
                    // Not first, show button
                    $('#lightbox-nav-btnNext').show();
                }

これを次のように変更します。

                // If not first, show previous button
                if ( !this.images.first(image) && !this.images.last(image) ) {
                    // Not first, show button
                    $('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').show();
                }

そして、それはあなたのためにそれをするはずです。縮小されていないjsファイルをhtmlに含めるか、そのjsファイルを縮小して保存することができます（私はYUI jsコンプレッサーを使用しています）。

将来のリリースのオプションにすることを検討します。

于 2009-11-29T21:09:01.837 に答える