Разделы

Как добавить всплывающую подсказку к изображению?

Всплывающая подсказка обычно используется для краткого комментирования содержания изображений и появляется при наведении на картинку курсора мыши. Добавление такой подсказки происходит с помощью параметра title тега <IMG>. В качестве значения указывается текстовая строка, заключенная в кавычки.

В примере 1 показано добавление всплывающей подсказки к рисунку.

Пример 1. Всплывающая подсказка

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Всплывающая подсказка</title>
 </head>
 <body>
  <p><img src="pepper.jpg" alt="Горькая настойка" title="Перцовка" 
  width="200" height="339"></p>
 </body>
</html>

Результат данного примера показан на рис. 1.

Рис. 1

Рис. 1. Вид всплывающей подсказки в браузере Opera

Оформление всплывающей подсказки зависит от браузера и настроек операционной системы и не может быть изменено напрямую. Internet Explorer в качестве всплывающей подсказки использует значение параметра alt, чего не делают другие браузеры, но при одновременном добавлении alt и title приоритет имеет параметр title.

   

помогите настроить "всплывающую подсказку"на фото!!!!!!!

   
   

Как увеличить шрифт этой всплывающей подсказки?
Спасибо!

   
   

Никак. Вид и настройки всплывающей подсказки системные.

   
   

Отличный материал, спасибо!

   
   

Спасибо за материал !)

   
   

спасибо, я нашел то что искал! через картинки на яндексе по запросу как сделать всплывающую подсказку

   
   

спасибо за материал!!
одно только ""но""... alt не помог((( а вот title помог!)

   
   

А как в коде прописать количество секунд, необходимое для прочтения подсказки (она слишком быстро исчезает)?

   
   

Время увеличить нельзя - это значение системное. Для увеличения времени и изменения внешнего вида подсказки нужно использовать javascript. Вот статья на эту тему.
http://www.webimg.ru/faq/izobrazheniya/mozhno-li-izmenit-vid-vsplyvayushchey-podskazki

   

Отправить комментарий

  • Строки и параграфы переносятся автоматически.
CAPTCHA
Вопрос для защиты от спама.
4 + 9 =
Решите этот простой пример и введите результат. Так, для 1+3 надо ввести 4.