Показывать окно с текстом при наведении на изображение

Question

Я новичок в создании сайтов, так что я действительно изо всех сил!

У меня есть изображение платы / основной платы, на которой я хочу отобразить текст компонента, когда пользователь наводит на него курсор.У меня есть изображение, где я хочу, на моей веб-странице (вероятно, это будет одна страница, так как это поддомен моего сайта Joomla).

Какой самый простой способ сделать это?

Я думал о создании различных стилей CSS, например, U5 для компонентов U5 и U6 и т. Д., И когда пользователь наводит курсор на U5 на рисунке, он отображает текст «U5 делает то-то и то-то».Это возможно?Если это так, как я могу это сделать?

У меня есть картинка через index.php на веб-пространстве, и у меня есть текст, который указывает на CSS, но теперь я застреваю!

Любая помощь будет оценена.С уважением, Мэтт

Answer 1

Не уверен, что именно вам нужно, но одно из самых простых решений - разделить img как карту и добавить к ней альтернативный текст, чтобы он отображался при наведении курсора на пользователя.Посмотрите этот пример: http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/ вот учебник w3schools: http://www.w3schools.com/tags/tag_area.asp

или более продвинутый способ - отобразить элементы <DIV> вместо альтернативного текста

Answer 2

Просто введите текст в качестве заголовка:

<a href="yadiyadiya.com" title="Text that you want to be appear when hover"><img name="logo" src="link to picture" width="40" height="40"></a>