Почему лупа на Jquery плохо работает?

Question

[mariets]

Есть лупа с классом large и див с изображением с классом first. При наведении курсора появляется large, в который добавляется изображение с id big. Дело в том что на странице несколько изображений. И время от времени в лупе "остается" предыдущее изображение, и движение курсора становится дерганным. После этого jqury отказывается работать, и лупа пропадает. Как это исправить? Я думаю, дело в динамически созданном img, которое как-то надо обновить..

$(document).on("mouseenter",".first", function(e){
var w=($(this).width()*2)+'px';
var h=($(this).height()*2)+'px';
var par=$(this).closest(".block0");
var image_object = new Image();
image_object.src = $(this).children("img").attr("src");
$(image_object).addClass("big");
$('.large').html($(image_object));
$('.big').css({'width':w,'height':h});

$(".large").fadeIn(100);
var left=$('.big').width()/2-$(".large").width()/2;
var top=$('.big').height()/2-$(".large").height()/2;

$(document).on("mousemove",function(pos){

var first=$(".first").offset();

var fx=first.left-$(".large").width()/2;
var fy=first.top-$(".large").height()/2;
var fh=first.top+$(".first").height()+$(".large").height()/2;
var fw=first.left+$(".first").width()+$(".large").width()/2;
$(".large").css('left',(pos.pageX-75)+'px').css('top',(pos.pageY-75)+'px');

var large=$(".large").offset();
var lx=large.left;
var ly=large.top;
var lw=lx+$(".large").width();
var lh=ly+$(".large").height();

var bigy=(ly-$(".large").height()/4-fy)*2;
var bigx=(lx-$(".large").width()/4-fx)*2;
$(".big").css('left',-bigx+'px').css('top',-bigy+'px');

if( lx < fx || lh > fh || ly < fy || lw > fw)
{
$('.big').remove();
$(".large").fadeOut(100);}

});

return false;
});

Comments

[Алексей Зуев]

Лупа еще нужна или вопрос закрыт?

Answer 1

[Александр Вульф]

Оформите свой код, пожалуйста. Выложите его куда-нибудь, типа CodeRe или JSFiddle.