Hallo Leute,

da ja die NOF Galerie nicht das Gelbe vom Ei ist und von der lytebox es mehr als genug Seiten gibt, bin ich auf die Idee gekommen eine externe Galerie in ein Lyteframe zu stellen.

Wie sieht das ganze aus:

Also, die Überlegung ist, eine externe Galerie in einem Lyteframe aufgehen zu lassen.

Also den Vorteil der Lytebox ( Teiltransparenter Hintergrund ) mit einer externen Galerie zu verbinden. Ich habe mich hier mal für die Galerie ShowIT entschieden,da diese Galerie a) sehr einfach über ein Iframe einzubauen ist und b) Fotos verkleinern usw. entfallen.

Wie fangen wir an?

Wir brauchen das Lyteboxtut von Panda ( dies kann hier runter geladen werden: http://digital-panda.com/lytebox/ )

Wir brauchen den Ordner lyteboxscripts!
Zusätzlich brauchen wir die Galerie ShowIT ( die kann hier runter geladen werden : http://www.suedweb.de/download.php )

Die Galerie ShowIT entpacken und mit einem FTP Programm wie Filezilla auf Eure Webspace kopieren.
Das Anleitung im PDF Format ist sehr detailliert geschrieben und einfach
nach zu vollziehen.

Nun geht es los!
Wir erstellen eine Unterseite und setzen diese auf Zero Margins.
Ich habe diese Seite mal Galerie genannt.
Dort ziehen wir ein Iframe auf!
Dann verlinken wir zu der externen Seite auf unserer Webseite.
Das Iframe sollte ca. 10 Pixel in der Höhe und Breite mehr haben, damit keine Scroller entstehen.
Nun können wir bereits die Galerie anschauen.
Jetzt wollen wir das Iframe mit dem externen Link in ein Lyteframe einbinden.

Dazu gehen wir folgendermaßen vor:

Zuerst fügen wir den Codeschnipsel von dem TUT von Panda in den Masterborder ein.
Da wir das lyteframe auf einer Unterseite erstellen wollen, kommt der Codeschnipsel so zwischen die Headtags:

<script type="text/javascript" language="javascript" src="lyteboxscripts/lytebox.js"></script>
<link rel="stylesheet" href="lyteboxscripts/lytebox.css" type="text/css" media="screen">

Dann brauchen wir die Maße von Iframe: In diesem Fall wäre das eine Höhe von 507 und eine Breite von 529 Pixel. Dies brauchen wir nur als Richtwert.

Nun wird es ein bisschen tricky, aber keine Angst! :-)
Nachdem wir die Galerie oben verlinkt haben, klicken wir auf den Button HTML und fügen dort folgendes IM TAG ein:

rel="lyteframe" title="Galerie" rev="width: 667px; height: 529px; border: none; scrolling: auto;

Nun publizieren wir die Seite einmal Lokal.
Jetzt den Ordner Lyteboxscripts in den Ordner Lokale Publizierung verschieben und dann noch einmal Lokal Publizieren.
Jetzt ist der Effekt zu sehen.

Viel Spaß beim Nachbauen.
Dozi