私は、ホバー用のWebフックを実際に持っていないWebアプリに取り組んでいます(タッチデバイスを考えてください)。マウスが常にどこにあるかを正確に x 座標で取得できます。
マウスの x 座標が画像の上にあるかどうかを確認し、その画像の上にある画像を取得する必要があります。
私がしていること
私は現在 jQuery を使用しています。各画像のoffset.left値の配列 ( imgCoords ) をセットアップしています。私はそれから使用します
imgCoords.indexOf(mousePosition.x);
(mousePosition.x) が構成されていますが、アイデアはわかります。
上記のコードを使用して、返されたインデックスに一致する画像を取得します
fingerCoordToImgIndex = imgCoords.indexOf(mousePosition.x);
$('img').eq(fingerCoordToImgIndex).css({'stuff'});
ただし、これはマウスオーバー画像の最初のエントリに対してのみ機能し (指 x は画像 x のみに一致し、画像 x + 幅には一致しません)、非効率的です。私はそれを正しくするためにもう少しぶらぶらすることができると思いますが、プロの誰かが私を助けてくれると嬉しいです = p
ありがとうトン！-ケン