VPF::Загрузка изображений с сервера при наведении

Stephenlab

Дата 28.11.2010, 00:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 9
Регистрация: 20.11.2010

Репутация: нет
Всего: нет

На страничке разбросаны элементы 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

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »