0

このスライダーを自動再生するにはどうすればよいですか?

答えは次のとおりです。

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

2 に答える 2

1

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

于 2013-02-21T15:16:05.817 に答える
0

時限イベントを設定するには、setTimeout()

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

于 2011-08-16T19:15:40.253 に答える