код:
var zoom={
create:function(){
zoom.obj=create('div');
zoom.obj.style.background='url(/img/zoom.gif) no-repeat 50% 50%';
zoom.obj.style.position='absolute';
zoom.obj.style.opacity=0.5;
zoom.obj.style.display='none';
},
update:function(){
var a = document.getElementsByTagName("a");
for (var i=0;i<a.length;i++){
if(a[i].rel!=''){
var img = a[i].getElementsByTagName("img");
for (var j=0;j<img.length;j++){
img[j].onmouseout = function(){
hide(zoom.obj);
};
img[j].onmousemove = function(){
zoom.obj.style.top=ElemCoords(this).y+"px";
zoom.obj.style.left=ElemCoords(this).x+"px";
zoom.obj.style.width=this.offsetWidth+"px";
zoom.obj.style.height=this.offsetHeight+"px";
show(zoom.obj);
};
}
}
}
}
};
zoom.create();
zoom.update();
<div>
<a href="/img/gal/1.jpg" rel="11" onclick="return gal.open(this)"><img src="/img/gal/1_1.jpg" width="151" height="100" alt="sample image"></a>
Ф-я ищет на странице теги А с атрибутом rel и накладывает на картинки лупу для кликабельных картинок. Проблема в том, что лупа мерцает. При наведении курсора на картинку поочерёдно срабатывают обе функции: onmousemove и onmouseover, и картинка мерцает. Гуглил, но не нашел ответа. Где ошибка?