title: jQuery EasySlider 1.7
body: <p>Can anyone tell me what I'm doing wrong? I can't get the slider to work. Images just stack on top of each other. I'm new to this. Any information or instructions would be helpful.</p>
  
  <p>Thanks</p>
  
  <pre><code>&lt;head&gt;
  
      &lt;link href="css/main.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="css/screen.css" media="screen" /&gt;
      &lt;link href="css/css3menu1/style.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script type="text/javascript" src="js/easySlider1.7.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function(){   
              $("#slider").easySlider({
                  auto: true, 
                  continuous: true
              });
          }); 
      &lt;/script&gt;
  
      &lt;/div&gt;
      &lt;div id="slider"&gt;
          &lt;ul&gt;    
              &lt;li&gt;&lt;img src="images/01.jpg" /&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="images/02.jpg" /&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="images/03.jpg" /&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="images/04.jpg" /&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="images/05.jpg" /&gt;&lt;/li&gt;    
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div id="socialicons"&gt;
  </code></pre>