| |
|
|
| |
<img src="<?echo $img?>" border=0 width=52 height=42 onMouseOver="showVis('<?echo $img_div;?>'); return false;" onMouseOut="showHide()" ONMOUSEMOVE="mover()">
|
function showVis(img)
{
var menu=document.getElementById("div_img");
var x=event["clientX"];
var y=event["clientY"];
if(event.clientY+offsetY>document.body["clientHeight"]) {y-=offsetY}
if(event.clientX+offsetX>document.body["clientWidth"]) {x-=offsetX}
menu.style.left=x + document.body.scrollLeft;
menu.style.top=y + document.body.scrollTop;
document.getElementById("div_img").style.display = 'block';
menu.style.width = 400;
menu.style.height = 300;
document.getElementById("model_img").src = img;
}
function showHide() {
document.getElementById("div_img").style.width = 400;
document.getElementById("div_img").style.height = 20;
document.getElementById("div_img").style.display = 'none';
}
function mover() {
var menu=document.getElementById("div_img");
var x=event["clientX"];
var y=event["clientY"];
if(event.clientY+offsetY>document.body["clientHeight"]) {y-=offsetY}
if(event.clientX+offsetX>document.body["clientWidth"]) {x-=offsetX}
menu.style.left=x + document.body.scrollLeft;
menu.style.top=y + document.body.scrollTop;
}
|
Вообще скрипт работает, слой появляется картинка загружается, исчезает, и перемещается вслед за курсором, но при быстром перемещении по картинке возникает эффект появления/пропадания слоя... то есть мигает он.. вот тут при наведении на изображения товаров:
http://www.atvcorp.ru/index.php?section=catalogue&id=1
что я забыл дописать? | |
| |
|
