Jeder kennt Lightbox, das nette Javascript, das einfache Links zu JPGs aufpeppt und in der Seite integriert. Viele kennen sicher auch die Möglichkeit der Bildbeschriebungen mittels title=”Bildtitel”.
Nur nervt dies, wenn man mit der Maus über die Thumbnails fährt, und diese hässlichen gelben Boxen, genannt Tooltips, aufploppen. Nun, mit einem Trick kann man dies unterbinden
Folgendermassen muss der neue Code aussehen:
<a href=”bild.jpg” rel=”lightbox[bild1]” title=”Bildtitel”></a>
<a href=”bild.jpg” rel=”lightbox[bild1]“><img src=”bild_thumb.jpg”></a>
Simpel. Der Link um das Thumbnail herum hat KEINEN Titel, der als Tooltip angezeigt wird. Lightbox erkennt diesen dennoch.
Kommentare:
Wieso “nervt” das, wenn Tooltips angezeigt werden?
Weil es manchmal optisch einfach nicht in’s Layout passt, oder z.b. keine Tooltips notwendig sind, weil ein Bild bereits die Info beinhaltet.
Beinhält?
Beinhalten tut?
Ich suche schon lange nach so einem Code, nur klappt der o.g. nicht richtig. Mit obigem Code werden alle “Großen” Bilder zwei mal hintereinander angezeigt obwohl nur ein Mal vorhanden!!!
Hallo Constance und Daniel, das was R&H schrieb tritt auch bei mir auf. Ist das so und nicht zu ändern oder ist im Code ein Fehler? Vielen Dank für Nachricht.
Thomas
Das Problem liegt daran, dass das
rel=”lightbox[bild1]”
zweimal pro Bild angegeben ist.
Probiert doch mal, beim zweiten IMG Tag den REL wegzulassen.
Kommentar hinterlassen: