1

クライアント サイトに AnythingSlider を使用しています。Anything Slider (1.8.x) の最新バージョンでは、スライドがクロスフェードするようになったと思われます。しかし、何らかの理由で機能していません。以前のバージョンと同じように、スライドをフェードアウトしてから新しいスライドをポップアップします。とてもイライラします。私が間違った設定をしているに違いないと推測していますが、私の人生では、何が何なのかわかりません. 髪。引っ張った。外。

私の初期化コードは次のとおりです。

    $('#slider').anythingSlider({
    mode                : 'fade',
    resizeContents      : false,
    delay               : 6000, 
    resumeDelay         : 5000,
    navigationSize      : 5,
    buildStartStop      : false,
    hashTags            : false,
    autoPlay            : true
    });

ここでテスト サイトを見ることができます: http://mlkchapel.dandelion-patch.com/test.html

クロスフェードが機能しない理由について何か考えはありますか? 洞察に感謝します！

4

1 に答える 1

2

同様の問題がgithubリポジトリで報告されました。基本的に、この問題は、スライダーが背景色/画像の配置された（相対的または絶対的な）要素でラップされている場合に発生します。

cssのこれらの2行を変更して修正してください。

.anythingSlider .fade .activePage { z-index: 1; }
.anythingSlider .fade .panel { z-index: 0; }

.panel以前は-1z-indexで設定されていました。

于 2012-11-16T15:01:49.570 に答える