Избегайте тега заголовка при наведении на изображение из-за использования в галерее, похожей на лайтбокс.

Я использую эту галерею лайтбоксов

http://www.no-margin-for-errors.com/projects/prettyGallery/

так как это дало мне возможность ввести некоторый html, в отличие от других галерей лайтбоксов (мне нужно показать некоторые факты, которые я извлекаю из запроса mysql, и только с красивой галереей я мог сделать показанное изображение, а также как данные под ним... но для этого мне нужно использовать HTML... понял?)

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

Итак, теперь, что я хотел бы спросить:

а) как я могу отключить наведение заголовка и альтернативного изображения, но при этом позволить ему «выжить» для галереи (я пытаюсь отключить его с помощью jquery... но безуспешно!!!)

б) Я хочу делать все правильно... Ребята, вы знаете какой-нибудь похожий лайтбокс, который мог бы дать мне «нестандартную» настройку для подписи ниже с использованием html? (не через iframes, так как я извлекаю данные из БД и вытягиваю ТОЧНУЮ строку)

Итак, в основном, я сначала хочу отключить этот побочный эффект использования тега заголовка в этом лайтбоксе... и в то же время я хочу знать о существовании любой галереи, которая позволяет встраивать html в div, а не в заголовок и alt ярлык!)

Заранее спасибо, ребята! Марли.


person BlondieMarlenne    schedule 10.04.2011    source источник
comment
Кстати, я разделил ваши два пункта на отдельные вопросы.   -  person richzilla    schedule 10.04.2011


Ответы (2)


К сожалению, способ отображения тега title является частью спецификации html, и на самом деле его нельзя стилизовать или отключить. Вы можете использовать javascript для создания собственных всплывающих окон, если это необходимо, и тогда вы сможете стилизовать их так, как вам нравится.

person richzilla    schedule 10.04.2011
comment
Да, я так и думал на первом этапе... странно, его можно отключить, но в общем случае с помощью jquery. Вот почему я думаю, что можно избежать эффекта наведения. Есть предположения? - person BlondieMarlenne; 10.04.2011

Это может сработать для вас:

http://www.dynamicdrive.com/forums/showthread.php?63914-Lightbox-image-viewer-2-03a-remove-hover-title

По сути, найдите место, где скрипт лайтбокса, который вы используете, извлекает заголовок из тега title, замените его на «data-title» или что-то подобное и поместите заголовок лайтбокса в этот атрибут («data-title»). Это освобождает вас от использования «заголовка» для всего, что вы хотите показать во всплывающей подсказке.

person Magnus    schedule 22.10.2012