Question

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

有什么建议吗？

Answer 1

我目前没有任何触摸设备，但这应该按计划运行：

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/

使用mousedown并拖动来缩放图像缩略图？

1 个答案: