unsliderコンテナ内でヘッダーテキストを次々とフェードインする関数を呼び出そうとしていました。最良の方法は、各スライド トランジションが完了した後におそらく関数を呼び出すことです。
しかし、Unslider の「complete」オプションを使用して呼び出された関数を取得できないようです。
次のコードでも機能しません。
$('.banner').unslider({
complete: function() {
alert("Test");
}
});
スライダーは正常に動作していますが、ヘッダー テキストをアニメーション化する機能はトリガーされません。
Unslider Web サイトの指示に従って HTML をセットアップしました
<div class="banner">
<ul>
<li style="background-image: url('image1.jpg')">
<h1> Heading 1 </h1>
<h2> Heading 2 </h1>
</li>
<li style="background-image: url('image2.jpg')">
<h1> Heading 1 </h1>
<h2> Heading 2 </h1>
</li>
</ul>
</div>
私は自分が間違っていることを本当に理解していません。誰かが私に道を教えてくれれば幸いです。
前もって感謝します!