さて、基本的には、ユーザーがマウスを画像のグリッド上にドラッグし、現在マウスの下にある画像をマウスの移動に合わせてより大きなサイズに変更できるようにしたいと考えています。OSX ドックのズーム機能に精通している場合、これは私が望むものとかなり似ています。「マウスオーバー」イベントでこのタスクを簡単に達成できることは承知していますが、タッチおよびマウス入力用に実装できるソリューションが必要です。タッチに相当するマウスオーバーがないため、マウスダウンとマウスアップを使用する必要があります。これまでのところ、これはユーザーが画像をクリックし、マウスを放してから別の画像をクリックした場合にのみ機能します。彼は、ある画像から次の画像に単純にドラッグして、途中で画像のサイズを変更することはできません。
これらは 2 つのイベントです。largeThumb と smallThumb は、画像のサイズを変更する関数です。
$("img").on("mousedown" , largeThumb)
$("img").on("mouseup", smallThumb)
ここにjsfiddleがあります
http://jsfiddle.net/wg48Q/3/
助言がありますか？