javascript - 触控设备的鼠标悬停脚本

Question

我正在尝试在我的网站上使用此图像浏览脚本，我希望它与 iPhone 和 iPad 兼容。问题是它是基于鼠标悬停的，所以它在触摸时不起作用。任何人都可以帮助我更改脚本，而不是将鼠标悬停在您单击并拖动以浏览它们的图像上？那么它可以在触摸设备上工作吗？谢谢。（脚本示例：http ://www.fourcornersbooks.co.uk ）

(function($) {
$.fn.skim = function() {
    return this.each(function() {

        var container = $(this);
        var numImgs    = container.find("img").size();
        var zoneWidth  = container.width() / numImgs;

        container.find("img").css("display", "none");
        container.find("img:first").css("display", "block");

        container.mousemove(function(e) {
            var offset = container.offset();
            x = e.pageX - offset.left;
            var currentZone = Math.floor(x / zoneWidth);
            $(this).find("img").css("display", "none");
            $(this).find("img:eq(" + currentZone + ")").css("display", "block");
        });
        container.mouseout(function(){
            $(this).find("img").css("display", "none");
            $(this).find("img:first").css("display", "block");
        });

    });
}
})(jQuery);