2011-08-16 2 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> 

이 원래 스크립트에서 발췌 한 것입니다 (: http://www.littlewebthings.com/projects/blinds/를 IE 8,7,6에서 작동하는 jQueryBlinds 등을 사용) :

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

답변

1

j 동적으로 만들 수 있습니다 : $ ('# sldeshow'). children ('ul'). 크기();

관련 문제