0

好的，所以基本上我希望用户能够将他们的鼠标拖到图像网格上，并且随着鼠标移动，当前位于鼠标下的图像可以更改为更大的尺寸。如果您熟悉 OSX 扩展坞上的缩放功能，这与我想要的非常相似。我知道我可以通过“鼠标悬停”事件轻松完成这项任务，但我需要一个可以为触摸和鼠标输入实现的解决方案。由于触摸没有鼠标悬停等效项，因此我需要使用 mousedown 和 mouseup。到目前为止，这仅在用户单击图像，释放鼠标，然后单击另一个图像时才有效。他不能简单地从一个图像拖到下一个图像，同时图像会不断调整大小。
这是两个事件，largeThumb 和 smallThumb 是调整图像大小的函数。
$("img").on("mousedown" , largeThumb) $("img").on("mouseup", smallThumb) 这是一个 jsfiddle http://jsfiddle.net/wg48Q/3/

有什么建议么？

4

1 回答 1

0

我目前没有任何触摸设备，但这应该可以按计划工作：

img {
    height:64px;
    width:64px;
    -webkit-transition:all 0.5s ease-out 0;
    -moz-transition:all 0.5s ease-out 0;
    -o-transition:all 0.5s ease-out:0;
    transition:all 0.5s ease-out 0;
}

img:hover {
    height:120px;
    width:120px;
}

http://jsfiddle.net/Z9Shu/2/

于 2013-09-23T21:44:24.380 回答