jquery サイクル (第 1 バージョン) を使用して Web サイトに取り組んでいます。スライドショーを含むページがあり、#next 関数を使用してスライドショーに移動します。スライドショーの最後のスライドをクリックすると、別のページ (var random_next_url_enfant) にリダイレクトされます。
正常に動作しますが、次のページに変更する直前にサイクルが再び開始されます。(最後のスライド、次に最初のスライドが簡単に表示され、次のページへのリンク)...次の例を参照してください。
http://www.jacques-ferrier.com/projets/choisy-le-roi/
誰かがスライドショーを停止して待ち時間なしでページを変更するトリックを知っているかどうか知りたい. スライド ショーの最後のスライドが表示されたら、スライド ナビゲーションを停止し、クリックすると直接リンクに移動します。「e.preventDefault()」がこれを行うと思っていましたが、そうではありません。
ここに私のjsコードがあります:
$('#slider_projets').cycle({
speed: 600, //temps d'animation
timeout: 0, //fréquence
fx: 'scrollLeft',
//compteur//
pager: "#nav",
after: function(currSlideElement, nextSlideElement, options, forwardFlag) {
$('#counter').text((options.currSlide + 1) + ' / ' + (options.slideCount));
slideIndex = options.currSlide;
nextIndex = slideIndex + 1;
prevIndex = slideIndex - 1;
if (slideIndex == options.slideCount - 1) {
nextIndex = 0;
var random_next_url_enfant = $("#random_next_url_enfant").val();
$('#next').on("click", function(e){
e.preventDefault();
window.location = random_next_url_enfant;
});
}
if (slideIndex === 0) {
prevIndex = options.slideCount - 1;
}
}
});
$('#next').click(function() {
$('#slider_projets').cycle(nextIndex, "scrollLeft");
});
ここにjsfiddleがあります:http://jsfiddle.net/GahHQ/
あなたが私を助けてくれることを願っています、
どうもありがとう