如何重复简单的jQuery幻灯片

时间:2010-02-18 23:09:28

标签: jquery slideshow

尝试将snook.ca的Simplest jQuery Slides用于多个嵌套元素。我已经完成了循环,虽然我确定我的jQuery有点冗长。但是,我无法弄清楚如何将脚本返回到元素集的开头,以便重复无限循环。 Snook的脚本使用appendTo返回到开头并重新创建堆栈,但我迷失了如何把它放在这个

这是HMTL(这些列表项有4个(固定的)实例):

<li class="current">
  <h3>...</h3>
  <p><img src="..."><span>...<a href="...">...</a></span></p>
</li>

这是jQuery(它是被循环的<p>元素):

$(document).ready(function() {
  $('header nav li').not('.current').children('p').hide();
     setInterval(function(){
   $('header nav li.current').children('p')
       .hide().parent('li').removeClass().next('li')
       .addClass('current').children('p').show().end();
       },3000);
 });

感谢你们给我的任何帮助!

1 个答案:

答案 0 :(得分:0)

让Stack Overflow感到有点困惑,并再次通过链接JS Bin来问这个问题。新问题在这里:jQuery slideshow loop fail