Как стать автором
Обновить

Оформление кликабельных картинок

Время на прочтение1 мин
Количество просмотров7.4K
img

Очень практично оформлять кликабельные картинки, к примеру при наведении на картинку появится изображения говорящее о том что эта картинка кликабельна — как на картинке выше.


Как это работает?


Java script сценарий будет находить кликабельные картинки и накладывать на них еще один слой(), который мы будем видеть при наведении курсора на картинку.

imagelink

Если говорить проще, скрипт будет заменять
<a href="/somelink"><img src="image.jpg" alt="My Image" /></a>

на
<a href="/somelink"><img src="image.jpg" alt="My Image" /><span></span></a>


Как установить?


Пример установки я не буду описывать, лучше дам готовый пример!

Скачиваем/Смотрим


Скрипт, кстати, прост как «дважды два», и занимает всего 2 килобайта.
Скачать готовый пример

Посмотреть готовый пример


Источник: Чернев.Ру — Блог вебмастера
Теги:
Хабы:
+51
Комментарии84

Публикации

Истории

Ближайшие события

Weekend Offer в AliExpress
Дата20 – 21 апреля
Время10:00 – 20:00
Место
Онлайн
Конференция «Я.Железо»
Дата18 мая
Время14:00 – 23:59
Место
МоскваОнлайн