Gewusst wie: anzeigen fancybox Titel nur auf das Bild schweben
Ich bin mit dem Fancybox plugin für eine Bild-Galerie, und ich möchte, um das Bild anzuzeigen, nur Titel, wenn der Benutzer mit der Maus über das Bild. Ich kann nicht herausfinden, was Teil des Codes zu ändern, um dies zu erreichen.
Habe ich versucht, die Bearbeitung der CSS hinzufügen a :hover
Zustand der folgenden:
.fancybox-title-over-wrap {
}
und ich habe sogar versucht, das spielen mit der CSS visibility-Einstellungen hier:
.fancybox-opened .fancybox-title {
}
Allerdings habe ich kein Glück gehabt.
Muss ich etwas ändern in der aktuellen JS-Datei? Jede Hilfe wäre enorm geschätzt!
- Kann aj Js fillde?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Brauchen Sie nicht zu Durcheinander mit der original-js-oder css-Dateien. Sie müssen nur zu erstellen Sie Ihre eigenen benutzerdefinierten Skript und gelten dort einige fancybox API-Optionen und Methoden zu erreichen.
Zum Beispiel, dass Sie diesen html -
müssten Sie ein benutzerdefiniertes Skript, um das Feuer fancybox wie:
nun, im Skript oben, versuchen Sie die folgenden Optionen für die
title
Effekt, den Sie möchten:Könnten Sie auch hinzufügen, einige schöne animation zu zeigen, die
title
wieHINWEIS: dies ist fancybox v2.x
Von Ihrer Seite:
Stellen Sie sicher, dass diese in Ihrer Webseite an der Spitze:
Dann fügen Sie diese Art von syntax, um die Bilder, die Sie wollen, dies zu tun mit.
Schließlich machen es alle Funktion mit ein bisschen jScript.
Und wenn Sie immer noch Schwierigkeiten haben, finden Sie hier: http://docs.jquery.com/Tutorials:How_jQuery_Works
Machen die Beschreibungen erscheinen wie von Ihnen gewünscht, vielleicht versuchen, diese in den javascript:
Und diese als Bild syntax: