замирание в первом слайде

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

Я знал о финале, забыл добавьте его здесь, этот код является частью более крупного документа кода, но спасибо =) Кроме того, мне пришлось добавить время к первому fadein. Теперь он работает по назначению! Большое спасибо! – Aeonius

@Aeonius Awesome, рад, что я мог бы помочь! :) – Nathan

замирание в первом слайде

ответ

Смежные вопросы