Problem beim Einbau von lightbox 2

Hallo zusammen
Ich bin neu hier und habe folgendes Problem mit meioner Seite:
Ich habe lightbox 2 runtergeladen und komme jetzt mit dem Einbau nicht zurecht (da die Beschreibung in englisch ist). Habe hier schon die entsprechenden Beiträge gelesen, schaffe es aber trotzdem nicht.
Ich möchte, dass auf der Startseite die Bilder beim Anklicken in der lightbox geöffnet werden.

Hier meine Seite:
home 2

Hier die Beschreibung:
http://file:///C:/Users/gabi/Desktop/lightbox2.05%20%281%29/index.html

Hier mein Quellcode:
[HTML]

<meta name="description"

content=„homepage, dokument, webpage, page, web, netz“ >

home 2

    
        

Willkommen


Ich heiße Gabriele S. und bin begeisterte Hobbyfotografin.
Auf den folgenden Seiten möchte ich Ihnen meine Fotos vorstellen.
Hier eine kleine Auswahl:
<TD ALIGN="center">
<IMG SRC="http://www.html.de/images/images/trecker.jpg" width="150" height="110">
</TD>

<TD ALIGN="CENTER">
<IMG SRC="http://www.html.de/images/images/schmetterling1.jpg" width="150" height="110">
</TD>

<TD ALIGN="center">
<IMG SRC="http://www.html.de/images/images/makro.jpg" width="150" height="110">
</TD>
<TD ALIGN="center">
<IMG SRC="http://www.html.de/images/images/food1.jpg" width="150" height="110">
</TD>

<TD ALIGN="CENTER">
<IMG SRC="http://www.html.de/images/images/pflanzen13.jpg" width="150" height="110">
</TD>

<TD ALIGN="center">
<IMG SRC="http://www.html.de/images/images/tiere9.jpg" width="150" height="110">
</TD>
<TD ALIGN="center">
<IMG SRC="http://www.html.de/images/images/food4.jpg" width="150" height="110">
</TD>

<TD ALIGN="CENTER">
<IMG SRC="http://www.html.de/images/images/pflanzen5.jpg" width="150" height="110">
</TD>

<TD ALIGN="center">
<IMG SRC="http://www.html.de/images/images/tiere17.jpg" width="150" height="110">
</TD>










 
Gabriele S. Dortmund
[/HTML]

Es wäre sehr hilfreich für mich , wenn jemand die entsprechenden tags in meinen Code einfügen könnte und sie rot markiert, falls das geht. Ich werde mich dann selbst weiter durcharbeiten. Ich will es ja schliesslich lernen.

Danke im voraus

Gruß Gabi

also oben im bereich solltest du die js quellen und die css der lightbox einfügen:

<head>

......
<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>
</head>

die Bilder müssen als link definiert sein:

hast du es so gemacht??

Grüße Daniel :slight_smile:

Also zuerst mal: Wenn du uns den Link zu einer Datei gibst, der bei dir lokal auf dem PC gespeichert ist (die Beschreibung), dann bringt uns das nichts. Aber ich gehe mal davon aus, dass du folgende Lightbox benutzt:

Lightbox 2
oder?

Wenn dem so ist dann funktioniert das folgendermaßen:

Du kopierst folgenden Code in deinen
[HTML]

[/HTML]

Um die Bilder nun zur Lightbox zu verlinken musst du um deinen <img …>-Tag einen Link machen und diesen mit rel=„lightbox“ an die Lightbox anbinden.
[HTML]Bildtitel[/HTML]

Wenn du mehrere Bilder von einer Gruppe hast, dann fügst du bei all denen in den Link rel=„lightbox[Gruppenname]“ ein. Dann kannst du durch die Bildergruppe direkt in der Lightbox mithilfe von Pfeilbuttons direkt das nächste bzw. vorherige Bild anschauen.
[HTML]Bildtitel[/HTML]

Ich hoffe mal, das war jetzt verständlich genug (:
Gruß

Hallo zusammen
Danke für eure schnellen Antworten.
Ja, ich benutze lightbox 2.
Ich habe den lightbox Ordner auf den Server hochgeladen und die tags laut eurer Beschreibung in meinen Quelltext eingefügt.
Trotzdem muß da noch ein Fehler sein, denn das Ergebnis ist nicht so wie in dem Beispiel.

home 2

Hier auch nochmal mein Quelltext:
[HTML]

<meta name="description"

content=„homepage, dokument, webpage, page, web, netz“ >

home 2

    
        

Willkommen


Ich heiße Gabriele S. und bin begeisterte Hobbyfotografin.
Auf den folgenden Seiten möchte ich Ihnen meine Fotos vorstellen.
Hier eine kleine Auswahl:
<TD ALIGN="center">
<a href="images/images/trecker.jpg" width="150" height="110" rel="lightbox" title="Trecker"><img src="images/images/trecker.jpg"width="150" height="110 "></a>
</TD>

<TD ALIGN="CENTER">
<IMG SRC="images/images/schmetterling1.jpg" width="150" height="110">
</TD>

<TD ALIGN="center">

<IMG SRC="images/images/makro.jpg" width="150" height="110">
</TD>
<TD ALIGN="center">
<IMG SRC="images/images/food1.jpg" width="150" height="110">
</TD>

<TD ALIGN="CENTER">
<IMG SRC="images/images/pflanzen13.jpg" width="150" height="110">
</TD>

<TD ALIGN="center">
<IMG SRC="images/images/tiere9.jpg" width="150" height="110">
</TD>
<TD ALIGN="center">
<IMG SRC="images/images/food4.jpg" width="150" height="110">
</TD>

<TD ALIGN="CENTER">
<IMG SRC="images/images/pflanzen5.jpg" width="150" height="110">
</TD>

<TD ALIGN="center">

<IMG SRC="images/images/tiere17.jpg" width="150" height="110">
</TD>










 
Gabriele S. Dortmund
[/HTML]

Was habe ich falsch gemacht?

Gruß Gabi

Du hast die JavaScript-Dateien nicht im Unterverzeichnis js abgelegt, wie es in deinem Code steht.

Ich habs jetzt.
Wenn ihr mal schauen wollt:

home 2

Danke für eure Hilfe.

Gruß Gabi

Ich habe noch eine Frage. Ich zeige auf meiner Startseite einige Bilder. Ich würde es jetzt gerne noch so hinbekommen, dass man von Bild zu Bild weiterblättern kann.
Kann mir da noch jemand helfen?

Gruß Gabi

Lightbox 2 → Stichwort „image set“, unter „Part 2 Activate“ sind bei „2.“ auch Code-Beispiele enthalten.