javascript - タッチ デバイス用のマウスオーバー スクリプト

Question

この画像スキミング スクリプトを自分の Web サイトで使用しようとしていますが、これを 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);