Смена изображения при наведении курсора
Опубликовано: 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>
Работоспособность данного метода вы можете наблюдать прямо в этой статье!
Если у вас остались вопросы или вы желаете предложить свой вариант решения - оставляйте комментарии!
Это полезно знать:
Вы можете оставить комментарий , или ссылку на Ваш сайт.Сегодня | Завтра | ||
USD | 32.62 | 32.50 | |
EUR | 39.90 | 39.92 |
Обменник | Переходов |
Wmchanger | 6 |
E-Market | 5 |
WMtoCash.com | 4 |
Str-Money | 3 |
Hot-Change | 3 |
Вы можете получить WMR-бонус в размере 0,01-0,10 WMR на свой кошелек 1 раз в сутки | |
Кошелек
|
|
Код
|
|
Обмен Webmoney |