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