http://wm-monitoring.ru/ ')) {alert('Спасибо за то что установили нашу кнопку! =)');} else {alert('Очень жаль! =(');}"> http://wm-monitoring.ru/

Смена изображения при наведении курсора

Опубликовано: 24.08.2018

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

Для реализации данной функции я приготовил универсальный html код, который будет работать в любом браузере и на любом сайте, в том числе и на WordPress, заставляя картинку меняться каждый раз при наведении на нее курсора:

< a href = "ССЫЛКА"><img style="border: 0px;" onmouseover="this.src='ССЫЛКА НА ИЗОБРАЖЕНИЕ №2';" onmouseout="this.src='ССЫЛКА НА ИЗОБРАЖЕНИЕ №1';" alt="" src="ССЫЛКА НА ИЗОБРАЖЕНИЕ №1" width="108" height="150" /></a>

<a href="ССЫЛКА"><img style="border: 0px;" onmouseover="this.src='ССЫЛКА НА ИЗОБРАЖЕНИЕ №2';" onmouseout="this.src='ССЫЛКА НА ИЗОБРАЖЕНИЕ №1';" alt="" src="ССЫЛКА НА ИЗОБРАЖЕНИЕ №1" width="108" height="150" /></a>

Работоспособность данного метода вы можете наблюдать прямо в этой статье!

Если у вас остались вопросы или вы желаете предложить свой вариант решения - оставляйте комментарии!

Это полезно знать:

Вы можете оставить комментарий , или ссылку на Ваш сайт.
Карта
rss