Question

我正在使用jquery cycle（第一版）在网站上工作。我有包含幻灯片的页面，我使用#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/

希望你能帮助我，

非常感谢

jquery循环，链接到最后一张幻灯片上的其他页面

0 个答案: