Проблема с FancyBox

Question

Я установил всплывающую галерею слайд-шоу с помощью FancyBox / example), которая позволяет добавлять заголовок под всплывающее изображение с помощью тега заголовка.

К сожалению, когда вы наводите курсор на миниатюру, появляется тег заголовка со всем стилизованным кодом, что выглядит довольно плохо.

Есть ли способ отключить наведение заголовка, не отключая сам фактический стиль?

Answer 1

Если в теге есть атрибут title, при наведении на него указателя мыши браузеры, поддерживающие атрибут title, будут отображаться в виде всплывающей подсказки.Я не знаю ни одного способа изменить это поведение.

Вы можете изменить FancyBox (и, возможно, даже предложить патч, поддерживающий проект) для решения проблемы.Вы не можете быть единственным пользователем, сталкивающимся с этим.Я могу придумать три способа:

1. Использовать другой атрибут, например data-caption, для заголовка с поддержкой разметки и использовать title, только если его там нет.(Рекомендую пользователям не помещать разметку в title.) (Соглашение об именах data-xyz официально утверждено в HTML5 для пользовательских атрибутов.)
2. Удалите атрибут title после его использованиясоздать подпись.(Blech)
3. Предварительно обработайте атрибут title после его использования для создания заголовка, удалив всю разметку.(Также блех)

Я бы пошел с # 1.