jQuery / iScroll - Scrolling panel with clickable images
<p>I have a scrolling panel (using <a href="http://cubiq.org/iscroll-4" rel="nofollow">iScroll4</a> &amp; jQuery) to navigate a horizontal list of thumbnails, like below.</p>

<p><img src="http://i.stack.imgur.com/qB1du.png" alt="enter image description here"></p>

<p>Using my mouse, I can grab and slide this panel nicely, works a treat. The problem is, I have now added a click event to each image in the list, so when the user grabs and slides, it clicks on an image, causing the event to fire. This is annoying as the user didn't want to select that image, they just wanted to look further.</p>

<p>How can I make this so if they definitely click on the image, without a left or right movement, it selects the image, but if the scroller moves then it doesn't?</p>

<p>An example of what I am saying can be found on the Fotorama slider plugin <a href="http://fotoramajs.com/" rel="nofollow">here</a>. If you try sliding the thumbnails across and then try clicking on a thumbnail, you will see what I mean.</p>

<p>Any help or suggestions would marvelous.</p>

<p><strong>UPDATE</strong></p>

<p>I have found that there is an onScrollMove and onScrollEnd callbacks in the iScroll4 docs. Maybe: <code>onScrollEnd: function() { $(".uploaded_images").unbind("click"); }</code></p>

<p><strong>ANOTHER UPDATE</strong></p>

<p>For now, I have got around this by making the images double-clickable, instead of single, but I would still like to know how it's possible.</p>
