フェードは

アイブ氏は、私が最初のスライドをフェードインするにはどうすればよい...フェードは

 $(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

@Aeonius恐ろしい、私は助けることができてうれしい！ :) – Nathan

答えて

関連する問題