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.

5 Gedanken zu „Lightbox – aber ohne Tooltips!

  1. 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?

  2. 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!!!

  3. 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

  4. Das Problem liegt daran, dass das
    rel=”lightbox[bild1]”
    zweimal pro Bild angegeben ist.

    Probiert doch mal, beim zweiten IMG Tag den REL wegzulassen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.