title: How to slide picture menu as marquee
body: <p>I want to move some Images right to left as seen in <a href="http://songspk.name" rel="nofollow">songspk.name</a>. If you visit, you can see there is a group of pictures(6 nos) moving right to left, you can say them as marquee. But my question is there is no gap in between the pictures any where! If I use marquee to some pictures, till the last picture in not finished the first picture is not displaying again.. There is a long gap between last and first picture. My website can be seen at: <a href="http://www.masti2k14.tk" rel="nofollow">masti2k14.tk</a></p>
  
  <p>I have used the following simple html marquee code. Please check its working on my site(masti2k14). </p>
  
  <pre><code>&lt;marquee behavior="scroll" direction="left" onmouseover="this.stop()" onmouseout="this.start()" &gt;
  &lt;img src="/img/600195/600195910_9d9763a3a4.jpg" width="100" height="100" alt="Natural"/&gt;
  &lt;a href="site_94.xhtml"&gt;&lt;img src="/img/600195/600195909_3514f40fb9.jpg" width="100" height="100" alt="Grand Masti Songs"/&gt;&lt;/a&gt;
  &lt;a href="site_39.xhtml"&gt;&lt;img src="/img/600195/600195908_23b3ada634.jpg" width="100" height="100" alt="Dhoom : 3 Songs"/&gt;&lt;/a&gt;
  &lt;a href="site_63.xhtml"&gt;&lt;img src="/img/600195/600195907_3f035091f2.jpg" width="100" height="100" alt="Chennai Express Songs"/&gt;&lt;/a&gt;
  &lt;a href="site_11.xhtml"&gt;&lt;img src="/img/600195/600195906_2a818232d5.jpg" width="100" height="100" alt="Aashiqui 2 Songs"/&gt;&lt;/a&gt;
  &lt;/marquee&gt;
  </code></pre>
  
  <p>I want the picture or images shouldn't end to finish. There is a long gap between last and first picture/image.</p>