2

我在几个带有#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>
4

2 回答 2

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选项或其他东西,您检查过文档吗?

于 2010-04-20T12:42:00.447 回答
0

你可以看看这里:

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

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

问候, 多米尼克·文森特

于 2010-04-24T14:39:28.627 回答