| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > JavaScript: Общие вопросы > Загрузка изображений с сервера при наведении |
| Автор: Stephenlab 28.11.2010, 00:06 |
| На страничке разбросаны элементы 2х2 px разных цветов. При наведении на каждый элемент, появлялась картинка. Для превью написан CSS, а сам HTML выглядет примерно так: <body> <a href="http://..../"> <div id="SA-1-1"><img src="blue-px.jpg" style="position:absolute; top:535px; left:412px;" title="SA-1-1"/><img src="PICTURE.gif" class="prev" style="position:absolute; top:474px; left:310px;"/></div></a> <a href="http://..../"> <div id="SA-2-1"><img src="blue-px.jpg" style="position:absolute; top:540px; left:397px;" title="SA-2-1"/><img src="PICTURE.gif" class="prev" style="position:absolute; top:477px; left:295px;"/></div></a> <a href="http://..../"> <div id="SA-2-2"><img src="blue-px.jpg" style="position:absolute; top:540px; left:402px;" title="SA-2-2"/><img src="PICTURE.gif" class="prev" style="position:absolute; top:477px; left:300px;"/></div></a> Из-за большого кол-ва картинок, сайт очень тяжелый, проблему исправит подгрузка изображений с сервера ТОЛЬКО когда наводишь на ссылку. Читал много скриптов с динамической загрузкой, но никак не мог решить проблему с тем чтоб сама картинка выводилась рядом с курсором или как у меня прежде - по определенным координатам. Если кто знает как это можно осуществить, помогите плиз. Хороший пример увидел на сайте http://www.netcarshow.com/ford/ Там когда наводишь на ссылку происходит подгрузка изображений и картинка движется за курсором. Посмотрел их скрипт, скачал все файлы которые нужны, но что-то не получается все это соединить. http://www.webboar.com/optimize/netcarshow.com |