0

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

希望你能帮我，

多谢

4

0 回答 0