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

【问题标题】：Jquery Cycle - go to new URL at the end of cycleJquery Cycle - 在循环结束时转到新 URL
【发布时间】：2011-12-03 04:17:04
【问题描述】：

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

我一直在尝试将此代码用作起点 http://jquery.malsup.com/cycle/end.html，但与字幕结合使用时似乎无济于事。

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

提前感谢您的帮助！

【问题讨论】：

标签： jquery jquery-cycle

【解决方案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); }
});

【讨论】：

谢谢，我今天晚些时候回来后会准备好一个 jsfiddle 页面 - 提前致谢
jValdron 再次感谢您-我在这里尝试过，但似乎不起作用-也许我输入了您的代码不正确？ jsfiddle.net/YFyKg/8
我尝试使用 jsFiddle，但它似乎不允许更改 document.location。只需在那里发出警报，看看它是否有效:)
这是一个新网址：jsfiddle.net/YFyKg/10 再次感谢 jValdron - 它似乎对我不起作用，但非常感谢您的努力，谢谢
jValdron，这太棒了——新的 url 在 jsfiddle 中不起作用，但运行良好——谢谢！

【解决方案2】：

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

【讨论】：

抱歉，我应该更清楚一点 - 我希望它是手动分页的，而不是像这些示例中那样自动分页超时：0
@Chumtarou 我看到了您的 jsfiddle 链接：jsfiddle.net/YFyKg/9，它永远不会与 jsfiddle 一起使用，因为它使用 Frames 来显示您的代码结果，并且您的浏览器将阻止重定向代码并显示错误消息（您可以如果你打开控制台看到它） :: “不安全的 JavaScript 尝试从带有 URL jsfiddle.net/YFyKg/9 的框架访问带有 URL jsfiddle.net/YFyKg/9 的框架。域、协议和端口必须匹配。”所以在您的服务器上或本地尝试它肯定会工作
谢谢 Ayman - 您的代码带有 timeout: x 值效果很好 - 但是，我很抱歉我不清楚我是否需要 timeout: 0 不幸的是它不起作用。再次感谢您！