title: Scroll Image continuously in HTML / Bootstrap
body: <p>I have around 7-8 images of Clients which I would like to display inside a <code>&lt;marquee&gt;</code> tag.</p>
  <p>The problem arises when the last image and the first image has a lot of gap.
  I would like the images to be displayed in a continuous loop.</p>
  <p>This is the <code>HTML</code> code I'm using.</p>
  <pre><code>&lt;marquee&gt; 
      &lt;ul&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;img/logo1.png&quot; alt=&quot;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;img/logo2.png&quot; alt=&quot;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;img/logo3.png&quot; alt=&quot;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;img/logo4.png&quot; alt=&quot;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;img/logo5.png&quot; alt=&quot;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;img/logo6.png&quot; alt=&quot;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;img/logo7.png&quot; alt=&quot;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/marquee&gt;
  </code></pre>
  <p>I tried searching the net but couldn't find a relevant answer.</p>
  <p>This is a sample which I found on the net but the loop works only once in my case.
  <a href="http://designshack.net/tutorialexamples/photobanner/index.html" rel="nofollow noreferrer">Sample</a></p>