0

http://tympanus.net/Development/ContentRotator/example2.html

現在、このコンテンツ スライダーでは、矢印をクリックすると 4 つのサムネイル (セット) ごとにスクロールできます。代わりに矢印をクリックすると次のサムネイルに移動するようにするにはどうすればよいですか?

また、現在自動再生中ですが、サムネイルをクリックすると止まります。クリックで中断された後でも自動再生を続けるにはどうすればよいですか?

これはチュートリアルページです: http://tympanus.net/codrops/2011/07/29/content-rotator/

4

1 に答える 1

0

スライダーのスクリプトは次の場所にあります: http://tympanus.net/Development/ContentRotator/js/jquery.crotator.js

これは適切に作成されたプラグインではなく、残念ながらスクリプト自体をカスタマイズすることはできません (つまり、オプションのリストを渡すことはできません)。インタラクションで停止するのを防ぐオプションはありません。目的を達成するには、コードを編集する必要があります。

コードを確認したところ、変数 config.slideshow = true である限り、スライダーは引き続き機能します。ただし、無条件に値を false に設定するコードを持つイベント バインディングが多数あります。例えば

$navNext.bind('click.crotator', function(e) {
    ...
    config.slideshow    = false;
    ...
}

値が false に設定されているコードを削除すると、問題が解決します。ただし、コードに触れるので、プラグインがオプションを受け入れられるようにすることをお勧めします。イベントハンドラで基本的に次の行を実行する「stopOnInteraction」のようなオプションを許可することができます。

if (config.stopOnInteraction) {
    config.slideshow = false;
}
于 2013-12-21T01:10:48.930 に答える