[ERLEDIGT] Bilder vergrößern lassen (Lightbox)

[robwillkeks]

Hallo Programmierer und Hobbyscripter ;)

ich hätte mal ne Frage (wie jeder andere auch )

auf meiner Webseite sind Bilder enthalten. Sie sind nicht groß, relativ klein und deswegen ist nicht alles erkennbar auf den Bildern.
Ich hab die Bilder auch in einem größeren Auflösung, wo man alles erkennt, aber die kann ich nicht einfügen, da sie zu viel Platz benötigen.

Da dachte ich mir, wenn man auf das kleine Bild klickt, öffnet sich das große Bild, wie z.B. in Facebook oder wie auf dieser Seite:

Lightbox 2

Ich hab ausprobiert dies einzufügen, aber bei mir funktioniert das nicht :) bin ein Anfänger im Webseiten programmieren, wobei HTML und CSS ganz Gut funktionieren ;)

Auf der Seite die Beschreibung Part 1 hab ich gemacht, die Scripte im Header eingefügt, dass er die .js-Scripte einliest und dann bin ich mir mit den weiteren Anweisungen nicht sicher, was ich da machen muss :)

Kann es sein, dass er mit mehreren JS-Scripten auf einer Webseite nicht zurechtkommt?

Kann mir jemand da helfen? Oder hat einer eine andere Idee?

Bitte um Hilfe :)

Gruß
RobRob ;)

 

[Gilles]

Du brauchst folgende Struktur bei den zu vergrößernden Bildern:

<a href="gross_bild.jpg"><img src="klein_bild.jpg" alt="Kleines Bild" /></a>

Heißt du hast einen Link. Als "Link-Text" benutzt du ein Bild anstatt einen Text. Und zwar die kleinere Version deines Bildes.
Dein Link sollte beim klicken auf das kleine Bild zum großen Bild führen.

Wenn diese Struktur stimmt kannst du anfangen das Script einzubauen.
Das einbinden des Scriptes hast du ja schon gemacht. Nun musst du nur noch deinen Link ein wenig abändern.

<a href="gross_bild.jpg" rel="lightbox"><img src="klein_bild.jpg" alt="Kleines Bild" /></a>

Somit ist das einzige was hinzugekommen ist das rel im Link.

 

[robwillkeks]

Die Struktur hab ich nicht ganz überrissen, aber es ist ja ganz einfach man bin ich Dumm ;)

Vielen Vielen Dank :) jetzt Funktionierts