Leicht transparenter Hintergrund bei...

[Helmut]

...

aber ich habe da so meine Bedenken, dass klein Ina das
alles so reibungslos in die HP integriert bekommt.

aber aber, bei Dir steht "Profi Member" unter dem Benutzername, das heisst Du brauchst nur einen Fingerschnipp mit links und das Ding ist gegessen...

Spass beiseite, der Einbau ist nicht das Problem.

1. In den Head Bereich der Seite kommt das

Code:

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

und das

Code:

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

Die URL's natürlich angepasst auf deine Webseite, alo z.B. anstatt js/prototype.js viell. so inas_dateien/prototype.js

Dann schaust Du in die lightbox.css und prüfst ob die Dateien prevlabel.gif und nextlabel.gif Angaben passen, selbiges nochmal für die Dateien loading.gif und closelabel.gif in der lightbox.js.



Die Bilder bindest Du dann so ein:

Wenn ein Einzelbild angezeigt wrden soll

Code:

<a href="images/bild1.jpg" rel="[B]lightbox[/B]"><img src="vorschaubild1.jpg" width="xyz" height="zyx" alt=""></a>

Für ein Set von Bildern lightbox[blumen] ist der Name des Bildersets, also z.B. blumen, kinder, zeichnungen

Code:

<a href="images/bild1.jpg" rel="[B]lightbox[blumen][/B]"><img src="vorschaubild1.jpg" width="xyz" height="zyx" alt=""></a>
<a href="images/bild2.jpg" rel="[B]lightbox[blumen][/B]"><img src="vorschaubild2.jpg" width="xyz" height="zyx" alt=""></a>
<a href="images/bild3.jpg" rel="[B]lightbox[blumen][/B]"><img src="vorschaubild3.jpg" width="xyz" height="zyx" alt=""></a>

Cu Helmut