我在几个带有#next #prev 导航和图像计数器输出的画廊中使用jQuery 循环。
现在我正在尝试将所有这些画廊连接在一起。如果用户到达画廊 A (galleryA.html) 的最后一张幻灯片,#next 锚点应指向画廊 B (galleryB.html) / #prev 锚点应指向画廊 C (galleryC.html)。
我怎样才能结合我的两个功能来做到这一点?
//幻灯片效果 $(函数(){ $('#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>