javascript - 背景パノラマプラグインを探しています

Question

私はプラグイン、または背景画像（マウスに続くスクロール）に効果をもたらすのに役立つコード行を見つけようとしています：

http://teddavis.org/

誰かがjQueryでそれを行うための同様の方法があると思いますか？そうすれば私はいくつかのイージングを追加してこれをよりスムーズにすることができます。

または、そのコードにイージングを適用する方法を知っていれば、私も感謝します！

前もって感謝します！

タイ語

Answer 1

ページのソースを確認すると、次のことがわかります。

<script type="text/javascript" charset="utf-8"> 

    // Simple follow the mouse script
    var divName = 'pano'; // div that is to follow the mouse
                           // (must be position:absolute)
    var offX = -5500;          // X offset from mouse position
    var offY = -000;          // Y offset from mouse position

    function mouseX(evt) {
        if (!evt) evt = window.event;
        if (evt.pageX) return evt.pageX;
        else if (evt.clientX) return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft);
        else return 0;
    }
    function mouseY(evt) {
        if (!evt) evt = window.event;
        if (evt.pageY) return evt.pageY;
        else if (evt.clientY) return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 
        else return 0;
    }
    function follow(evt) {
        if (document.getElementById) {
            var obj = document.getElementById(divName).style;
            obj.visibility = 'visible';
            obj.left = (parseInt(mouseX(evt)*-4)+offX) + 'px';
        }
    }
    document.onmousemove = follow;      
    function stopscroll(){
        document.onmousemove = stop;
    }

</script>

実装は非常に簡単なようです。変数divNameが画像またはDIVを参照していることを確認してください