jQuery Cycle - #next #prev，在当前画廊的最后一张幻灯片之后转到下一个画廊

Question

我在几个带有#next #prev 导航和图像计数器输出的画廊中使用jQuery 循环。

现在我正在尝试将所有这些画廊连接在一起。如果用户到达图库 A (galleryA.html) 的最后一张幻灯片，#next 锚点应指向图库 B (galleryB.html) / #prev 锚点应指向图库 C (galleryC.html)。

如何结合我的 2 个功能来做到这一点？

//幻灯片效果 $（函数（）{ $('#slideshow').cycle({ fx: '淡入淡出', 速度：350， 上一个：'#prev'， 下一个：'#下一个'， 超时：0， 之后：onAfter }); }); //图像计数器输出 函数 onAfter(curr,next,opts) { var 标题 = (opts.currSlide + 1) + opts.slideCount; $('#counter').html(标题); }

html:

<div id="slideshow-container">

<div class="slideshow-nav"><a id="prev" href=""></a></div>
<div class="slideshow-nav"><a id="next" href=""></a></div>

<div id="slideshow" class="pics">
    <img src="galleryA/01.jpg" />
    <img src="galleryA/02.jpg" />
    <img src="galleryA/03.jpg" />
    <img src="galleryA/04.jpg" />
    <img src="galleryA/05.jpg" />
    <img src="galleryA/06.jpg" />
</div>
</div>

Answer 1

对循环插件不太熟悉，但你可以在function onAfter中放这样的东西：

if(opts.currSlide == opts.slideCount) { 
  $("#next").attr("href","galleryB.html"); 
}

或者你可以试试

if(opts.currSlide == opts.slideCount) { 
 $("#next").click(function() { document.location = "galleryB.html"; });
}

未经测试，类似的东西？

基本上它只在显示最后一张幻灯片后将重定向行为附加到#next。可能有onFinish 选项或其他东西，你检查过文档吗？

Answer 2

你可以看看这里：

http://helpdesk.toitl.com/?p=cycle_plugin

在同一页面中集成 2 个同步循环并不容易...在此示例中，没有重新加载 location=... 的页面，但 2 个画廊是使用循环插件的不同命令管理的.

问候， 多米尼克·文森特