• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Lightbox 2 verständlich

Status
Für weitere Antworten geschlossen.

Baumeister

Neues Mitglied
Hallo,
habe hier im Forum schon lange versucht, etwas über lightbox 2 zu erfahren.
Hat jemand vielleicht eine deutsche Hilfe für die Einrichtung /Installation oder kann mir dabei helfen ?
Ich habe alle Dateien auf den Server kopiert, die drei Zeilen in den header kopiert. Wie muss ich weiter machen ?

Gruß
Axel
 
Werbung:
Lightbox 2 <- Da steht's auf Englisch, übersetzt u. Zusammengefasst:

Setz einen Link auf das Bild und gibt ihm "rel=lightbox", mit der Inhalt von "Title" wird unter dem Bild aus Beschreibung angezeigt.

Code:
[FONT=monospace]<a href="bild1.jpg" rel="lightbox" title="Titel des Bildes"> Link zum Bild </a>  [/FONT]

Alternativ kannst du zum Text "Link zum Bild" natürlich auch ein Thumbnail etc. einsetzen.
Wenn du möchtest, dass man innerhalb der Lightbox noch von Bild zu Bild wechseln kann, musst du die entsprechenden Bilder noch "gruppieren". Dies machst du, in dem du die entsprechenden Links folgendermaßen erweiterst:

Code:
[FONT=monospace]<a href="bild1.jpg" rel="lightbox[name_der_gruppe]" title="Titel des Bildes"><img src="bild1_thumb.jpg" alt="Thumbnail Bild 1" /> </a>[/FONT]

LG
 
Hey also:


Du kopierst das in deinen Header:

Code:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

Genauso wie das:

Code:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Und wenn du z.B. ein Bild einfügen möchtest was Lightbox benutz benutzt du den Code:

Code:
<a href="images/DeinBild-1.jpg" [COLOR=Red]rel="lightbox"[/COLOR] title="my caption">image #1</a>

Das Rot Markierte ist wichtig!


Natürlich sollte dafür das CSS Stylesheet nach deinen Wünschen angepasst sein ;)


T02
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben