Форум Сайтостроение Веб-строительство

Выпадающее сообщение при подведении курсора к img

М
На сайте с 08.09.2006
Offline
223
Маэстро
954

Всем привет.

Всем известно, что если для тега img задан атрибут title, то при подведение курсора к картинке появляется всплывающее окошко с информацией из этого атрибута.

Хотел бы узнать, есть ли какой более продвинутый способ, который позволяет эту информацию выводить? чтобы например, информация появлялась сразу после наведение курсора (без задержек) и чтобы она не исчезала пока не отведешь курсор от картинки ( в отличие от стандартного метода с атрибутом title) ? Возможно есть какой либо скрипт для изменения отображения атрибута title или и вовсе другой способ вывода информации при подведении курсора к картинки (не через title) . Кто нибудь может что нибудь посоветовать? Так же подойдет любой плагин для Joomla, так как сайт на ней.

Не бойся неизбежного... Уже не продаю авто морды...
[umka]
На сайте с 25.05.2008
Offline
456
[umka]
#1

Я думаю, самый простой вариант будет взять какой-нибудь скрипт tooltips-ов и малость его доработать, чтобы он показывал не заданный текст, а брал его из атрибута alt.

http://www.walterzorn.com/tooltip/tooltip_e.htm

[umka] добавил 14.03.2010 в 00:48

Хотя даже дорабатывать ничего не надо.

Просто взять один из этих tooltip-скриптов и модифицировать onmouseover примерно так:

onmouseover="Tip(this.alt, WIDTH, 300, FADEIN, 500, FADEOUT, 500)"

Лог в помощь!
RO
На сайте с 13.07.2009
Offline
88
RedOK
#2

мб этот сойдет http://dizajio.kiev.ua/js/hover.js и не нужно править все теги на странице

var hintmarker = ['a','img','span']; //какие теги

var textmarker = ['title']; // какой атрибут

[Удален]
#3

Маэстро, /ru/forum/comment/6508015 я здесь приводил ссылку на решение при помощи jquery.

М
На сайте с 08.09.2006
Offline
223
Маэстро
#4
RedOK:
мб этот сойдет http://dizajio.kiev.ua/js/hover.js и не нужно править все теги на странице

var hintmarker = ['a','img','span']; //какие теги
var textmarker = ['title']; // какой атрибут

Увы, не работает у меня этот скрипт

Маэстро добавил 15.03.2010 в 14:01

'[umka:
;6517055']
Хотя даже дорабатывать ничего не надо.
Просто взять один из этих tooltip-скриптов и модифицировать onmouseover примерно так:
onmouseover="Tip(this.alt, WIDTH, 300, FADEIN, 500, FADEOUT, 500)"

Работает только при первом наведение курсора, потом текст из атрибута теряется:(

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий