jquery - マウスの位置に応じて要素を移動するjQueryギャラリースクリプトを探しています（つまり、スライドギャラリーの場合）

Question

マウスの位置に応じて左右にスクロールするギャラリーを作りたいです。つまり、マウスを右に動かすと、ギャラリーが左にスクロールします。

ありがとう、

ヘンリー。

Answer 1

これはそれほど難しいことではないと思います。画像を含むスクロール領域を設定した場合、関数animateを使用してこれを左右に移動できます。次に、スクロールするdivに対するマウスの位置を取得し、マウスの位置に応じて移動する量を計算できます。これはあなたが望むことをしませんが、似たようなことをします：

$().mousemove( function(e) {

    var pos = $("#holder").offset()
    mouseX = e.pageX - pos.left; 
    mouseY = e.pageY - pos.right;
    if(mouseX > 332 || mouseY > 528 || mouseX < 0 || mouseY < 0) return false;

    posx = Math.round(mouseX/10)*332;
    posy = Math.round(mouseY/10)*10;



    $("#holder").css({'backgroundPosition': posx+'px 0'});




 });