jquery循环 - 在周期结束时转到新网址

有没有办法让最后一张幻灯片的下一个箭头链接到新页面？jquery循环 - 在周期结束时转到新网址

我一直在尝试使用此代码作为起点http://jquery.malsup.com/cycle/end.html但我似乎没有得到任何地方时，与标题结合。

编辑：不像这个例子，我想End函数没有定时滚动的工作。即超时：0，以便您必须手动前进每张幻灯片。在最后一张幻灯片上，它会转到一个新的URL。例如：http://jsfiddle.net/YFyKg/5/

在此先感谢您的帮助！

2011-12-02 Chumtarou

这里是你的答案：

$(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); } 
});

来源

2011-12-02 19:16:49 jValdron

谢谢，我就会有一个网页的jsfiddle一旦准备好今天我回来以后 - 在此先感谢 – Chumtarou

这是一个样本的jsfiddle：HTTP：//的jsfiddle .net/YFyKg – Chumtarou

对不起jsfiddle错误链接：http://jsfiddle.net/YFyKg/5/ – Chumtarou

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

来源

2011-12-02 19:56:37

我的道歉，我应该更清楚 - 我希望它被手动分页，而不是自动化，因为在这些例子中超时：0 – Chumtarou

@Chumtarou我看到了你的jsfiddle链接：http://jsfiddle.net/YFyKg/9/ 这将永远不会与jsfiddle一起工作，因为它使用框架来显示代码的结果，并且浏览器将阻止带错误消息的重定向代码（如果您打开控制台，您可以看到它）:: “不安全的JavaScript尝试访问框架与URL http://jsfiddle.net/YFyKg/9/从框架与URL http://jsfiddle.net/YFyKg/9/。域，协议和端口必须匹配。“ 所以尝试它在您的服务器上或本地它肯定会工作 –

谢谢艾曼 - 你的代码与超时：x值很好 - 但是，我很抱歉，我不清楚，我需要超时：0它不工作不幸。再次感谢你！ – Chumtarou

jquery循环 - 在周期结束时转到新网址

回答

相关问题