Why is image rotator jumpy?
<p>I've created a simple website with a moving image gallery and a round slider to control it. I've managed to get the slider to control the gallery in both directions but whenever the slider value goes back to zero (because the user has gone all the way round) the rotator jumps once the opposite way to the user's movement. The rotator also occasionally stops and on;y resumes when one whole rotation has been completed.</p>

<p>Here is a link to:</p>

<p>The round slider site: roundsliderui.com</p>

<p>The rotator site: <a href="http://www.the-art-of-web.com/css/infinite-photo-carousel/" rel="nofollow">http://www.the-art-of-web.com/css/infinite-photo-carousel/</a></p>

<p>The jsfiddle: <a href="https://jsfiddle.net/9kku69m6/5/" rel="nofollow">https://jsfiddle.net/9kku69m6/5/</a></p>

<p>I do appreciate any help with this so thanks in advance,</p>

<p>Mitra0000</p>

<pre><code>/*Code is too large to display here*/
</code></pre>