1

サイトのバナーにシンプルな Nivo スライドショーを実装し、その下にファンシーボックス ギャラリーを実装したいのですが、それらを同時に動作させることはできません。Nivo スライダーが優先されます。無効にすると、fancybox ギャラリーが機能します。fancybox v2 (jquery 1.7.2) と nivo スライダー jquery 1.7.1 を使用しています - それが問題ですか? 私の jquery と js のスキルは非常に初歩的です。テストサイトはこちら:http: //designasite.co.za/aerialphotographer/

4

2 に答える 2

1

Nivo SliderとSigProギャラリーでも同様の問題が発生しました(同じjQueryコードに依存しないバージョンを選択するまで)。Nivoスライダーは、jQueryの動作の一部を変更し、他の画像操作mod/プラグインと非常に簡単に互換性がなくなると思います。

別のギャラリーソフトウェア、または別のスライドショーソフトウェアを試してみることをお勧めします。または、両方を同じページに配置しないでください。

Nivoのよく知られた愛されていない部分。

于 2012-05-30T09:23:31.343 に答える
0

私はあなたのjQueryをクリーンアップしようとします.これを試してみてください:

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();

        $('#slider').nivoSlider({
            effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
            animSpeed: 1000, // Slide transition speed
            pauseTime: 3000, // How long each slide will show
        });

    });
</script>   

また、

<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>  

現在のnivoスライダープラグインが含まれて初期化されている場所の上に移動し、

<script type="text/javascript" src="scripts/jquery.nivo.slider.pack.js"></script>

head他のインクルード ファイルと一緒にタグに挿入します。

この理由は、jQuery を 1 回だけインクルードし、1 つのページで 1 つのバージョンのみを使用する必要があるためです。また、すべてのプラグインと css ファイルを同時にインクルードすることをお勧めします。通常は、実際に jQuery プラグインを一番下にインクルードすることをお勧めします。最初のページの読み込みが遅くならないようにしますが、どこにいても見つけやすいように同じ場所にまとめてください。

于 2012-05-30T09:35:00.353 に答える