Яваскрипт для всплывающих примечаний

Подскажите, где можно накопать код яваскрипта, который при наведении (onMouseOver), на тумбу выдавал увеличенную картинку поверху (я так понимаю в другом слое?) в этом же окне или подскажите, плиз, как это организовать - я пойму

Последний раз редактировалось: Klirik (07/05/07 в 00:35), всего редактировалось 1 раз

Klirik писал:

Подскажите, где можно накопать код яваскрипта, который при наведении (onMouseOver), на тумбу выдавал увеличенную картинку поверху в этом же окне или подскажите, плиз, как это организовать - я пойму

google.com c тебя рейтинг

ни смифно

Код:

function getElementPos(element) {     var x = 0, y = 0;     if (element && element.offsetParent) {         while (element) {             x += element.offsetLeft;             y += element.offsetTop;             element = element.offsetParent;         }     }     return [x, y]; }

- вычисляет абсолютные координаты елемента. создаешь div c img внутри и со стилем:

Код:

position: absolute; left: -10000px; top: -10000px; visibility: hidden

по наведению мыши вычисляешь абсолютные координаты тумбы (функция сверху), исходя из размера большой пикчи высчитываешь где она должна находиться по отношению к тумбе, и отображаешь div с картинкой:

Код:

var img = document.getElementById('IMG_ID'); var div = document.getElementById('DIV_ID'); img.src = 'http://domain.com/img.jpg'; // грузим большую пикчу div.style.left = calculatedLeft + 'px'; // позиционируем div div.style.top = calculatedTop + 'px'; // как надо div.style.visibility = 'visible'; // показываем div

когда надо прятать:

Код:

div.style.visibility = 'hidden';

все просто ;)

Вот спасибо, если можно было бв поставил бы и +100