動画像フォローマウスを作る

Question

あり、マウス、次の画像のこのバージョンである：

http://jsfiddle.net/BfLAh/1/

と私はそれがこのような動的にロードされたイメージで動作するようにしようとしました：

var a = new Image(); 
a.src = 'https://upload.wikimedia.org/wikipedia/commons/6/6a/This_is_a_demo_blue_dot.png'; 
a.onload = g; 

function g(){ 
    $(document).mousemove(function(e){ 
     $(a).css({left:e.pageX, top:e.pageY}); 
    }); 
} 

しかし、それは動作しません。私はキャンバスにあまりにも後でそれを描画しなければならないので、この方法で作業する必要があります。

jQueryはイメージを見つけられないので、どうすれば問題ないのでしょうか？要素に

Answer 1

セットidとposition : absolute;ようDOM

にそれを追加し、画像要素の上idを適用することが不可欠である、css介して適用されています。

var a = new Image(); 
 
a.id = 'image'; 
 
a.src = 'https://upload.wikimedia.org/wikipedia/commons/6/6a/This_is_a_demo_blue_dot.png'; 
 
$('body').append(a); 
 
a.onload = g; 
 

 
function g() { 
 
    $(document).mousemove(function(e) { 
 
    $(a).css({ 
 
     left: e.pageX, 
 
     top: e.pageY 
 
    }); 
 
    }); 
 
}

#image { 
 
    position: absolute; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>