淡入第一张幻灯片

Ive得到了如下代码...淡入第一张幻灯片

 $(document).ready(function() { 
$('#testimonials .slide'); 
    setInterval(function(){ 
     $('#testimonials .slide').filter(':visible').fadeOut(3000,function(){ 
      if($(this).next('li.slide').size()){ 
       $(this).next().fadeIn(3000); 
      } 
      else{ 
       $('#testimonials .slide').eq(0).fadeIn(3000); 
      } 
     }); 
    },10000);

如何在第一张幻灯片淡出？

HTML: 

    <body> 

     <ul id="testimonials"> 
      <li class="slide"> 
       <blockquote>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras fermentum velit quis lorem bibendum commodo. Quisque dolor ipsum."</blockquote> 
      </li> 
      <li class="slide" style="display: none"> 
       <blockquote>2-I absolutely love and take great pride in building websites. I'm passionate about all things design and dedicated to standards based design.</blockquote> 
      </li> 
      <li class="slide" style="display: none"> 

       <blockquote>3-I absolutely love and take great pride in building websites. I'm passionate about all things design and dedicated to standards based design.</blockquote> 
      </li> 
     </ul> 
    </body>

来源

2011-09-05 Aeonius

这个jQuery：

$(document).ready(function() { 
    $('#firstSlide').fadeIn(); 
    $('#testimonials .slide'); 
    setInterval(function(){ 
     $('#testimonials .slide').filter(':visible').fadeOut(3000,function(){ 
      if($(this).next('li.slide').size()){ 
       $(this).next().fadeIn(3000); 
      } 
      else{ 
       $('#testimonials .slide').eq(0).fadeIn(3000); 
      } 
     }); 
    },10000); 
});

而这个HTML：

<body> 
    <ul id="testimonials"> 
      <li class="slide" id="firstSlide" style="display:none;"> 
       <blockquote>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras fermentum velit quis lorem bibendum commodo. Quisque dolor ipsum."</blockquote> 
      </li> 
      <li class="slide" style="display: none"> 
       <blockquote>2-I absolutely love and take great pride in building websites. I'm passionate about all things design and dedicated to standards based design.</blockquote> 
      </li> 
      <li class="slide" style="display: none"> 

       <blockquote>3-I absolutely love and take great pride in building websites. I'm passionate about all things design and dedicated to standards based design.</blockquote> 
      </li> 
     </ul> 
</body>

你可以看到在此的jsfiddle工作示例：http://jsfiddle.net/bznPA/

来源

2011-09-05 21:17:14 Nathan

我知道了结局，忘了在这里添加它，这个代码是一个更大的代码文件的一部分，但谢谢=）另外，我不得不添加一个时间到第一个淡入淡出。它现在按预期工作！非常感谢你！ – Aeonius

@Aonius真棒，很高兴我能帮上忙！ :) – Nathan

淡入第一张幻灯片

回答

相关问题