Заработок с сайта Скрипты
создание сайтов раскрутка сайтов поддержка сайтов
статьи справочик

Статьи -> Основы сайта -> Картинка изменяется при наведении мышки

Картинка изменяется при наведении мышки

Активная картинка - картинка, которая меняет сой вид в зависимости от действий посетителя. Простейший тому пример - картинка изменяется после проведения над ней курсоа мыши. В этой статье я расскажу вам как осуществить эту идею.

Первое, что нужно сделать, задействовать основной скрипт. Его мы поместим между тегами <head> и </head>. Выглядит скрипт так: Используемые обозначения:
swap_pic.gif - Картинка, которая будет отображаться первоначально
swap_pic1.gif - Картинка, которая загорится после подведения мыши

Основное уже сделано. Теперь браузер знает и обычную картинку и "активную". Осталось только указать ему, где вставлять картинку. Выбирайте место, где требуется эта картинка и на ее месте прописываете следующее:

Парамытры alt, width и height меняйте в зависимости от конкретной ситуации.

Теперь осталось проверить, что же получилось:

Пример активной картинки

Скрипт работает как в Internet Explorer, так и в Netscape Navigator, в связи с чем вы можете не опасаться за его работоспособность в зависимости от типа браузераю Вы можете использовать этот скрипт неограниченное число раз на одной странице. Все упирается только во возможности браузера и компьютера :) Юзайте на здоровье :)

Автор: Кушнерук Денис
Если Вы заметили какие-либо неточности или ошибки в размещенной информации, просим сообщить о них администрации.