水平图库滚动停止选择图像

Question

我在我的网站上有一个画廊的jQuery，所以当我点击一个我可以向右或向左滑动。唯一的问题是，当我发布点击时。它选择我的鼠标登陆的图像。

我能否阻止这种情况？

<script>
$(function () {
    var scroll = 0;


    $(function () {
        var clicked = false, clickX;

        $("#gallery").on({


            'mousemove': function(e) {
                clicked && updateScrollPos(e);

            },
            'mousedown': function(e) {
                clicked = true;
                clickX = e.pageX;
                scroll = $('#gallery').scrollLeft();
                e.preventDefault();

            },
            'mouseup': function() {
                clicked = false;
                $('html').css('cursor', 'auto');

            }

        });

        var updateScrollPos = function(e) {
            $('#gallery').scrollLeft(scroll + (clickX - e.pageX));
        }
    });

});
</script>

我当前代码http://jsfiddle.net/qtfLjb3n/

的好例子

在每个图像位于内容后点击后加载的内容。 （如果只是在滚动时点击，那就太烦人了。）