Flexslider（jQuery）：自動アニメーションの一時停止

Question

優れたjQueryプラグインFlexsliderを使用して、ウェブページ上にカルーセルを作成しています。 1つのことを除いて、すべてが完璧に機能します。ユーザーがページ上の他の場所で特定のリンクをクリックすると、スライダが自動的にアニメーションを停止するようにします。

これも可能ですか？そのjQueryのプラグインの機能を持つリストで

Answer 1

があります：

slider.pause()    //Function: Pause slider slideshow interval 

わからないが、私はあなたがこのような効果を停止するには、この機能を使用することができると思う：

$(#elm).flexslider().pause(); 

あなたは[高度な設定]タブのWebページにflexsliderプラグインのプロパティを含むリストが表示されます。

Answer 2

確かに可能です。
この例では、スライドをクリックすると停止し、クリックイベントを好みのページリンクにバインドします。

$('.flexslider .slides > li').click(function() { 
    $('.flexslider').flexslider("pause"); 
}); 

Answer 3

ページ上の特定のリンクがクリックされたときにスライダーを停止させたいとします。のは、そのリンクは、「いくつかのリンク」のクラスを持っているとのも、その場合には次のJSスニペットを使用することができ、あなたのflexsliderは「flexslider」のCLASを持っていると仮定しようとします

$('.some-link').click(function() { $('.flexslider').flexslider("pause"); });

あなた'LLコードが$(document).ready(function() { ... })の内側にあること、またはスクリプトが "some-link"のクラスとのリンクを持つページのhtmlの下にあることを確認してください。それ以外の場合は、そのクリックイベントを追加するセレクタは何も一致しません（まだ存在しないため）。

Btwの@Guernの解決策は、実際にフレックススライダを一時停止する方法に関する最も重要な情報を持っていますが、あなたの質問はもう1つのステップを求めていました。 2歳にもかかわらず、私は今これに答えるつもりです、それはGoogle検索で出てきたからです。