Problem mit FancyBox

Question

Ich habe eine Pop-up-Diashow-Galerie mit FancyBox /example) installiert, mit der Sie unter dem Pop-up-Bild eine Beschriftung hinzufügen können, indem Sie den Titel-Tag verwenden.

Wenn Sie mit dem Mauszeiger über die Miniaturansicht fahren, wird leider der Titel-Tag mit dem gesamten gestalteten Code angezeigt, was ziemlich schlecht aussieht.

Gibt es eine Möglichkeit, den Hover-Titel zu deaktivieren, ohne das eigentliche Styling selbst zu deaktivieren?

Answer 1

Wenn es eine title Attribut auf dem Tag, wenn Sie mit der Maus darüber fahren, unterstützen Browser, die das title Attribut wird es als Tooltip angezeigt. Mir ist keine Möglichkeit bekannt, dieses Verhalten zu ändern.

Sie könnten FancyBox ändern (und vielleicht sogar einen Patch anbieten, um das Projekt zu unterstützen), um das Problem zu lösen. Sie können nicht der einzige Benutzer sein, der dieses Problem hat. Ich kann mir drei Möglichkeiten vorstellen:

1. Verwenden Sie ein anderes Attribut, zum Beispiel data-caption für die auszeichnungsfähige Beschriftung, und verwenden Sie title nur, wenn das nicht da ist. (Die Empfehlung an die Benutzer, keine Markierungen in title .) (Diese Benennungskonvention, data-xyz ist jetzt offiziell in HTML5 für benutzerdefinierte Attribute zugelassen).
2. Entfernen Sie die title Attribut, nachdem es zur Erstellung der Beschriftung verwendet wurde. (Blech)
3. Vorverarbeitung der title Attribut, nachdem es zur Erstellung der Beschriftung verwendet wurde, und entfernt alle Markierungen. (Auch blech)

Ich würde mich für die Nummer 1 entscheiden.