automatic thumbnail slider using jquery : cannot add animation effects
<p>i am trying to make an automatic image slider using jquery. i'm using an unordered list as the source of images. i used the basic logic that after a certain delay each <li> would be detached from the list and so on. this is happening but its not happening smoothly.. i tried using animate function but that didnt work either . i even added the easing option in the animate function and still it didnt work. can anyone help me ? thanx in advance</p>

<p>here is my code
function rotate_images()
{
 var i=1;</p>

<p>var _rotate = function()
      {<br>
    setTimeout(function()
      {<br>
      var li=$('#li'+i);
      $('#li'+i).animate({'display':'none'},1000,'swing',function(){$(this).remove();});</p>

<pre><code> if(i&lt;5)
 {
  i++;
 _rotate();           
 }
 else
 {
  i=1;
  _rotate();
 }
 },2000);     
</code></pre>

<p>}; 
 _rotate();
}</p>
