3 января, 2014 
admin 
Очень часто на сайте необходим функционал смены изображения при наведении на него курсора мыши. Подобная смена картинок позволяет создавать дополнительные подсказки для посетителя сайта, побуждая его кликнуть по необходимому изображению и, таким образом, перейти на целевую страницу.
Для реализации данной функции я приготовил универсальный html код, который будет работать в любом браузере и на любом сайте, в том числе и на WordPress, заставляя картинку меняться каждый раз при наведении на нее курсора:
<a href="ССЫЛКА"><img style="border: 0px;" onmouseover="this.src='ССЫЛКА НА ИЗОБРАЖЕНИЕ №2';" onmouseout="this.src='ССЫЛКА НА ИЗОБРАЖЕНИЕ №1';" alt="" src="ССЫЛКА НА ИЗОБРАЖЕНИЕ №1" width="108" height="150" /></a> |
Работоспособность данного метода вы можете наблюдать прямо в этой статье!
Если у вас остались вопросы или вы желаете предложить свой вариант решения - оставляйте комментарии!
Опубликовано в рубрике 
Метки:
Автор, огромный тебе респект за помощь!
Не работает. В коде первая «ссылка» на что? Вставил на изображение №2. При наведении курсора на месте картинки чистое поле, при клике появляется изображение №2 на всю страницу и больше ни чего не происходит.
Ссылка НЕ работает.
Wordpress просто выбрасывает этот код со страницы, при сохранении!
Повторяю — ССЫЛКА НЕ РАБОТАЕТ.
И пожалуйста, УБЕРИТЕ ЛЖИВУЮ СТАТЬЮ ИЗ ИНТЕРНЕТ!
Спасибо все работает.
Чтобы не было глупых комментариев, нужно было указать что этот код нужно применять в плагине или теме, но его нельзя вставлять в страницу WP.