Forum Webscript.Ru

Программирование => JavaScript & JScript => Тема начата: Nicki от 09 Января 2003, 03:03:48

Название: Смена картинки при наведении мыши
Отправлено: Nicki от 09 Января 2003, 03:03:48

Привет всем.
Ребят, помогите мне пожалуйста Ява скриптом. Я в Яве не разбираюсь, причем совсем. А ситуация такая.

Существует несколько ссылок. Около каждой ссылки есть картинка.
При наведении мыши на ссылку картинка меняется. Если мышь убрать,
то и картинка возвращается в прежнее состояние.

Такой Ява скрипт у меня есть и он работает, НО! Но, он не загружает
ВСЕ картинки сразу (т.е. и те, что стоят "по умолчанию", и те, что показываются
только при наведении мыши). При наведении мыши начинается подзагрузка
необходимого файла картинки. При этом, картинка "по умолчанию" исчезает, а
новая не появляется пока не загрузится. В общем возникает
не красивый "эффект" или недостаток (как его еще назвать) - можете сами посмотреть у меня
на сайте http://www.dzone.h1.ru. Главное меню сделано на таком скрипте
с этим "глюком".

Очень прошу. Может быть кто может мне написать такой скрипт. Или
знает как он называется, где его можно скачать. А может быть кто
знает какой ни будь альтернативный способ - более подходящий.

Название: Смена картинки при наведении мыши
Отправлено: Metaller от 09 Января 2003, 09:53:14

Это называется прелоадер. :)
Таких скриптов - куча.....

Название: Смена картинки при наведении мыши
Отправлено: Макс от 09 Января 2003, 11:01:26

http://forums.webscript.ru/showthread.php?s=&threadid=3896&highlight=%EF%F0%E5%EB%EE%E0%E4

Название: Смена картинки при наведении мыши
Отправлено: Nicki от 10 Января 2003, 03:05:04

Пацаны. ОЧЕНЬ прошу. Ну скиньте мне на мыло какой ни будь прелоадер картинок!!

Час искал, нашел один, скачал, а архив поврежден! Ошибку выдает при распаковке.

Будте благосклонны!!!!!!!!!!!!

Название: Смена картинки при наведении мыши
Отправлено: Metaller от 10 Января 2003, 10:20:50

Nicki
Тебе же Макс ссылку дал....

Название: Смена картинки при наведении мыши
Отправлено: alex007 от 10 Января 2003, 14:53:24

Вот один из самых лучших используется в Dreamveawer:






Картинка 1


Картинка 2

Название: Смена картинки при наведении мыши
Отправлено: MadDog от 10 Января 2003, 16:21:59

alex007
ИМХО, не самый лучший. Большой и медленный. Вот то, чем я всегда пользовался и пользуюсь:

Код: [Выделить]

if (document.images)
{
var load = "no";

image1on = new Image();  image1on.src ="/images/img_on1.gif";
image2on = new Image();  image2on.src ="/images/img_on2.gif";
image3on = new Image();  image3on.src ="/images/img_on3.gif";

image1off = new Image();  image1off.src ="/images/img_off1.gif";
image2off = new Image();  image2off.src ="/images/img_off1.gif";
image3off = new Image();  image3off.src ="/images/img_off1.gif";

load = "yes";
}

function imageOff(imgName)
{if (load == "yes") {if (document.images) {document[imgName].src = eval(imgName + "off.src");}}}

function imageOn(imgName)
{if (load == "yes") {if (document.images) {document[imgName].src = eval(imgName + "on.src");}}}


А сами ссылки пишем так:

Код: [Выделить]

И так для каждой картинки ссылки.

Как видно написанный код в ручную гораздо меньше, проще и быстрее всяких там генераторов.

Название: Смена картинки при наведении мыши
Отправлено: alex007 от 10 Января 2003, 16:28:08

MadDog
может и не самый лучший зато работает во всех браузерах!!
А что ты код дал я использовал до этого сам, но он не работает в Опере некоторые люди на этом форуме сказали, когда мы обсуждали один из моих сайтов.

Название: Смена картинки при наведении мыши
Отправлено: MadDog от 10 Января 2003, 17:06:41

alex007

Цитировать

но он не работает в Опере некоторые люди на этом форуме сказали, когда мы обсуждали один из моих сайтов.

Мой работает :) "Сто-пудово" (с) Масяня

Я же html-кодингом не первый день занимаюсь, а уже, дай бог, четвёртый год и фуфло я вряд ли бы подсунул.

Вот тебе линк на один из сайтов, которые я в своё время делал http://www.sdholding.com/