用于触摸设备的鼠标悬停脚本

时间:2012-05-31 06:58:06

标签: javascript iphone javascript-events touch mouseevent

我正在尝试在我的网站上使用这个图像略读脚本,我想要兼容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);

0 个答案:

没有答案