2011-08-16 15 views
0

このスライダを自動再生するにはどうすればよいですか?ここで自動再生の構文呼び出しjQuery関数のヘルプ

は答えます:

<div class="slideshow"><ul> 
      <li><img src="lemons/1.jpg" alt="lemon" /></li> 
      <li><img src="lemons/2.jpg" alt="lemon tea" /></li> 
      <li><img src="lemons/3.jpg" alt="splashing lemon" /></li> 
    </ul></div> 

    <script type="text/javascript"> 
     $(window).load(function() { 
      // start the slideshow 
      $('.slideshow').blinds(); 

     var i = 0; 
     var j = 4; // this is hardcorded, one more than total images 
        // if you have a way of making j dynamic, please share 
     setInterval(function(){ 
      if (i == j) 
       { 
        i = 1; 
        $('.slideshow').blinds_change(i); 
        i++;       
       } else { 
        $('.slideshow').blinds_change(i); 
        i++;       
       } 
     } , 3000); 
     }) 
    </script> 

これは(これはIE 8,7,6で作業jQueryBlinds等:http://www.littlewebthings.com/projects/blinds/を使用して)元のスクリプトからの抜粋です:へ

<div class="slideshow"><ul> 
      <li><img src="lemons/1.jpg" alt="lemon" /></li> 
      <li><img src="lemons/2.jpg" alt="lemon tea" /></li> 
      <li><img src="lemons/3.jpg" alt="splashing lemon" /></li> 
    </ul></div> 

    <!-- change image links --> 
    <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(0)">1</a> 
    <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(1)">2</a> 
    <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(2)">3</a> 

    <script type="text/javascript"> 
     $(window).load(function() { 
      // start the slideshow 
      $('.slideshow').blinds(); 
     }) 
    </script> 

答えて

0

あなたが使用することができ、時間指定イベントを設定setTimeout()

http://www.w3schools.com/js/js_timing.asp

+0

setTimeout()は一度呼び出されると私は理解しています:http://stackoverflow.com/questions/2295049/jquery-timer-how-do-i-do-this – sandraqu

1

jを動的にするには、次のようにします: $( '#sldeshow')。children( 'ul')。

関連する問題