title: To Fix a jquery image slider?
body: <p>I wanted to make an image slider with jquery
  I have 5 jpg images and 2 png images (next and previous).
  here is the asp.net and javascript code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(function(){
  $(".slider).jslider({ btnNext:".next", btnPrev:".prev"})
  });
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="container"&gt;
  &lt;img id="next" class ="next" src="n.png" /&gt; &lt;img id="prev" class ="prev" src="p.png" /&gt;
  &lt;div class="slider"&gt;
  &lt;ul&gt;
  
  &lt;li&gt;&lt;img class="slider" src="1.jpg" alt="image1" /&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img class="slider" src="2.jpg" alt="image2" /&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img class="slider" src="3.jpg" alt="image3" /&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img class="slider" src="4.jpg" alt="image4" /&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img class="slider" src="5.jpg" alt="image5" /&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but it doesn't work: Only the previous png image is visible and the images are like in a vertical list.
  the link for the slider.js is <a href="http://www.harryfinn.co.uk/youtube/jslider_tut/jslider.js" rel="nofollow">http://www.harryfinn.co.uk/youtube/jslider_tut/jslider.js</a></p>
  
  <p>Please let me know how can I fix this. </p>