ЧП
Сталкнулся с такой проблемой.
Нашел JavaScript выводящий картинку при наведении курсора на текст/ссылку...
Но проблема в том что картинка выводится только в одном месте страницы, а надо чтобы выводилась непосредственно справа от курсора....
можно как то спомощью css реализовать эту фичу????
ЧП
Вот так в css файле...
.bulletimagestyle
{
position: relative; /* Абсолютное позиционирование */
left: 0; /* Положение от левого края */
top: 0; /* Положение от верхнего края */
width: 280px; /* Ширина блока */
}
ЧП
Нет.
---
Реализовано при помощи JS, в ява-скрипте прописаны пути к картинкам, а на странице просто код типа <а хреф="#" класс="имя_класса" ид="ид">Название</а>
Так вот, при наведении курсора на ссылку - всплывает картинка прописаная под этим ид'ом...
Проблема в том, что всплывает она в определённом месте страницы, а надо чтобы справо от курсора...
З.Ы. Просто ссылок много, сделаны таблицей и спускаясь ниже, картинка остаётся вверху и становится невидна...
ЧП
document.links[i].onmouseover=function(){displaybullet(this)}
document.links[i].onmouseout=function(){bulletobj.style.visibility="hidden"
--------------------
Ну вот про курсор... А как ему (Скрипту) сказать что мне надо вывод картинки справо от курсора?........
mix
ЧП, извини, я в JS не разбираюсь, но надо учесть именно в какой части браузера картинка увеличивается.
26 Фев 2011, 14:08ЧП
mix, она не увеличевается. Она появляется.... (может кстати и увеличевается с 1х1 пикселей)....
----------------------
Спасибо за попытку помощи.... Я тоже в JS по пояс деревянный((((
Ъb
<script>function defPosition(event) {var a = {x: event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft || window.scrollX),y: event.clientY + (document.documentElement.scrollTop || document.body.scrollTop || window.scrollY)};var e = document.getElementById("abc");e.style='display:block;margin-left:'+a.x+';margin-top:'+a.y;} function none(){document.getElementById("abc").style.display='none';}</script>
<div style="background:#cacaca" onmousemove="defPosition(event)" onmouseout="none();"> Сюда</div>
<div id="abc" style="display:none;position:absolute;"> <img width=167 height=253 src="http://www.google.ru/images/srpr/nav_logo37.png" alt=""> </div>
Оно? Только тут jsmin ом сжато както делал так и не пригодилось
поройся в яваскрипте,так проще будет