Question

有没有办法让最后一张幻灯片的下一个箭头链接到新页面？

我一直在尝试使用此代码作为起点http://jquery.malsup.com/cycle/end.html，但在与字幕结合使用时似乎无法获得任何结果。

编辑：与此示例不同，我希望End函数在没有定时滚动的情况下工作。即超时：0，因此您必须手动前进每张幻灯片。在最后一张幻灯片上，它转到一个新的URL。示例：http://jsfiddle.net/YFyKg/5/

提前感谢您的帮助！

Answer 1

这是你的答案：

$(document).ready(function() {
$('#slideshow').cycle({
    fx: 'scrollHorz',
    nowrap: false,
    timeout: 0,
    fx: 'scrollHorz',
    next: '.next',
    prev: '.prev',
    after: onAfter,
    onPrevNextEvent: function(isNext, zeroBasedSlideIndex) { 
        if(isNext && zeroBasedSlideIndex == 0)
        {
        document.location = 'http://www.google.ca';   
        }
    }
});
function onAfter(curr, next, opts) {
var caption = (opts.currSlide + 1) + ' / ' + opts.slideCount;
$('#caption').html(caption); }
});

Answer 2

$('#slideshow').cycle({ 
    fx:      'scrollHorz', 
    timeout:  2000, 
    autostop: 1, 
    end:      function() {  
        window.location="next_page.php";
    } 
});

Jquery循环 - 在循环结束时转到新URL

2 个答案: