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

Согласитесь, если картинка кликабельна, то при наведении на нее должна появится информация сообщающая этот факт. Так давайте проинформируем об этом посетителя сайта.

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

img

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

Java script сценарий будет находить кликабельные картинки и накладывать на них еще один слой (<span>), сайт источник http://yapro.ru Mon Jan 25 2010 17:43:23 GMT+0300который мы будем видеть при наведении курсора на картинку.

imagelink

Если говорить проще, скрипт будет заменять

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

на

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

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

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

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

Источник: chernev.ru

Оцени публикацию:
  • 3,11
Оценили человек: 3
  •  

Похожие статьи:



Предложения и пожелания:
Ваше имя: Ваш E-mail:
Введите изображенные цифры:
Captcha

HTML (19)

CSS (36)

PHP (21)

MySQL (14)

JavaScript (57)

Flash (6)

XML (3)

Apache (34)

Дизайн (35)

Продвижение (31)

Программы (26)

Unix (11)

Интересное (37)


Справочники и учебники:


Последние комменты:

Новые заметки:

Защита сервера от ошибок в phpMyAdmin

HTML5 - новые виды атак

Социальные рекомендации Twitter в Google

Ашманов про стартапы

Skype Distributed Database Architecture

Erlang - лекарство при высоких нагрузках

Amazon Web Services: инструменты обеспечения масштабируемости и отказоустойчивости

Обсуждения на форуме:

некорректно отображается страница в браузерах

не могу войти в admin

Нужна критика идеи

Поиск по дополнительным полям и формам

Вопрос по категориям

Несколько вопросов по проекту.

Плагины, меню и интеграция

Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter| Здравствуйте, Гость | Войти | Регистрация| Карта сайта | RSS ленты
О проекте | Скачать CMS | Видеоуроки | Документация | Плагины | Форум | Идеи | Новости | Веб-мастеру | Контакты

YaPro CMS в Живом Журнале

YaPro CMS в Твитере

YaPro CMS в Одноклассниках

YaPro CMS в Яндекс.Блогах


youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2012 YaPro.Ru


Главная » Веб-мастеру » JavaScript »