Другие языки программирования и технологии

не по теме может. дайте тег для меняющейся картинки на сайте при наведении мышкой на неё. html.

Ан
Андрей
614
< img src="АдресКартинки1" onmouseover="this.src='АдресКартинки2'" onmouseout="this.src='АдресКартинки1'" >
Al Kapone
Al Kapone
23 519
Лучший ответ
Смена картинки по наведению мыши реализуется с помощью javascript

Если картинка одна и меняется на одну, то функция очень простая. Точнее, можно вообще обойтись без функции, а вписать код команды javascript прямо в тег ссылки или тег img

Если же на одной странице несколько картинок, которые должны меняться при наведении мыши на другие, а при клике на третьи (так делают анимированные кнопки навигации для перехода на другие страницы) , то нужно написать функцию замены картинок, которую расположить в голове документа, а в том месте, где находятся сами картинки (кнопки) просто ссылку на эту функцию при наступлении события onmouseover (при наведении мыши) или события onclick (при клике) .

Вот пример кода страницы этого более сложного варианта. Более легкий (см. выше) получается "отрезанием лишнего" из этого кода.

Вот код блока HEAD


Обратите внимание на предварительную загрузку картинок через создание нового объекта new image() - это сделано для того, чтобы в момент наведения мыши или клика посетитель не ждал загрузки новой картинки (она уже будет в кэше браузера) .

Вот код блока BODY



Здесь уже расположено само меню навигации с изображенными кнопками из первого набора (массива) - файлы картинок имеют имена:

bttn1.png,
bttn2.png и так далее,

при наведении мыши на которые они будут меняться на другие:

bttn1-over.png,
bttn2-over.png и так далее

а при клике на них - на третьи с именами:

bttn1-down.png,
bttn2-down.png и так далее

Если что-то будет не понятно - спрашивайте.
Желаю успеха!
Артем Казанков
Артем Казанков
43 449
Sm1Le . В скриптах шаришь?
Артем Казанков А вот как это работает.
См. http://pure-town.narod.ru/index.html
<img src="27q.jpg" onmouseover="javascript:this.src='16s.jpg'" onmouseout="javascript:this.src='27q.jpg'">
эта картинка весит как прога на куй она те
Иван Скрябин
Иван Скрябин
2 870
Андрей единственно, что остлось вписать в дизайн)

Похожие вопросы