title: help with syntax calling jQuery function for autoplay
body: <p>How do I make this slider autoplay?</p>
  
  <p>Here's the answer:</p>
  
  <pre><code>    &lt;div class="slideshow"&gt;&lt;ul&gt; 
            &lt;li&gt;&lt;img src="lemons/1.jpg" alt="lemon" /&gt;&lt;/li&gt;
            &lt;li&gt;&lt;img src="lemons/2.jpg" alt="lemon tea" /&gt;&lt;/li&gt;
            &lt;li&gt;&lt;img src="lemons/3.jpg" alt="splashing lemon" /&gt;&lt;/li&gt;
      &lt;/ul&gt;&lt;/div&gt; 
  
      &lt;script type="text/javascript"&gt;
          $(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 );
          })
      &lt;/script&gt;
  </code></pre>
  
  <p>This is the excerpt from the original script (using jQueryBlinds which work in IE 8,7,6, etc.: <a href="http://www.littlewebthings.com/projects/blinds/" rel="nofollow">http://www.littlewebthings.com/projects/blinds/</a>):</p>
  
  <pre><code>    &lt;div class="slideshow"&gt;&lt;ul&gt; 
            &lt;li&gt;&lt;img src="lemons/1.jpg" alt="lemon" /&gt;&lt;/li&gt;
            &lt;li&gt;&lt;img src="lemons/2.jpg" alt="lemon tea" /&gt;&lt;/li&gt;
            &lt;li&gt;&lt;img src="lemons/3.jpg" alt="splashing lemon" /&gt;&lt;/li&gt;
      &lt;/ul&gt;&lt;/div&gt; 
  
      &lt;!-- change image links --&gt;
      &lt;a href="#" class="change_link" onclick="$('.slideshow').blinds_change(0)"&gt;1&lt;/a&gt;
      &lt;a href="#" class="change_link" onclick="$('.slideshow').blinds_change(1)"&gt;2&lt;/a&gt;
      &lt;a href="#" class="change_link" onclick="$('.slideshow').blinds_change(2)"&gt;3&lt;/a&gt;
  
      &lt;script type="text/javascript"&gt;
          $(window).load(function () {
              // start the slideshow
              $('.slideshow').blinds();
          })
      &lt;/script&gt;
  </code></pre>