title: Continuous Slider of images in HTML
body: <p>I need to create a slider in which the images moves continuous.
  I have used flexslider but it moves from first page to next, instead i need it to be continuous.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      $(window).load(function(){
        $('.flexslider').flexslider({
          animation: "slide", // set animation to slide
          animationLoop: true,
          itemWidth: 120,
          itemMargin: 20,
          minItems: 1,
          maxItems: 5,
          smoothheight: true,
          directionNav: true,
        });
      });
  &lt;/script&gt;
  
  &lt;style type="text/css"&gt;
  .flexslider{
      background:none;
      border:none;
      box-shadow:none;
      margin:10px;
      }    
     &lt;/style&gt;
  
  &lt;div class="flexslider"&gt;
    &lt;ul class="slides"&gt;
      &lt;li&gt;&lt;img alt="" src="images/1.jpg" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img alt="" src="images/2.jpg" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img alt="" src="images/3.jpg" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img alt="" src="images/4.jpg" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img alt="" src="images/5.jpg" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img alt="" src="images/6jpg" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img alt="" src="images/7.jpg" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img alt="" src="images/8.jpg" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img alt="" src="images/9.jpg" /&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>