Lytebox einbau??

[Pionier]

Hallo,

wie baut man die Lytebox v3.22 in ein phpBB3 richtig ein?

Habe schon diverse infos gunden, aber keiner hat geklapt

[Boecki91]

Sollen wir die verschiedenen Infos zu dieser komischen Box nun auch suchen und testen, oder hast du Sie für uns bereit gestellt so das wir "nur" noch deinen Fehler beheben müssen?

[Pionier]

Einbindung des Java Script Lytebox

* Java Script herunterladen und entpacken.
* Auf dem Webserver ein Verzeichnis erstellen, z.B. "lytebox". Den Pfad zu diesem Verzeichnis bitte merken, da er noch für einige Einstellungen benötigt wird.
* Im Header der Webseite muss folgender Code eingetragen werden - hier den Pfad zum "lytebox" - Verzeichnis anpassen.

Beispiel Code für den Header:

<script type="text/javascript" src="http://www.deinewebsite.de/pfad/zu/lytebox.js"></script>
<link rel="stylesheet" href="http://www.deinewebsite.de/pfad/zu/lytebox.css" type="text/css" media="screen" />

* Nachdem alle Anpassungen vorgenommen wurden, muss die entsprechende Datei mit der Änderung im Header, auf den Webserver geladen werden.
* Alle Dateien des Java Script können nun ebenfalls in das erstellte Verzeichnis auf den Webserver geladen werden.
* Es gibt vier Möglichkeiten der Anzeige, entweder als Einzelbild, Bildpräsentation mit manueller Navigation, Diashow mit Slideshow Effekt oder Webseiten im Lyteframe darstellen.

Einzelbild zum Klicken auf Close-Button - rel="lytebox"

L i n k - V a r i a n t e:

Einzelbild mit Close-Button



B i l d - V a r i a n t e:

Wagenrennen
Beispiel Code:

L i n k - Variante:
<a href="http://deine.webseite.de/bild.jpg" rel="lytebox" title="Beispiel Einzelbild-Text">Beispiel Einzelbild</a>

B i l d - Variante:
<a href="http://deine.webseite.de/bild.jpg" title="Beispiel Einzelbild-Bild" rel="lytebox"><img src="http://deine.webseite/thumbs_bild.jpg" alt="Beispiel Einzelbild"></a>




Bildpräsentation mit manueller Navigation - rel="lytebox[xxx]"

L i n k - V a r i a n t e:

Manuelle Navigation durch die Bildpräsentation


B i l d - V a r i a n t e:

Wagenrennen


Wagenrennen


Wagenrennen


Wagenrennen
Beispiel Code:

L i n k - Variante:
<a href="http://deine.webseite.de/bild_01.jpg" rel="lytebox[wagenrennen]" title="Wagenrennen Bild 1">Manuelle Navigation durch die Bildpräsentation</a>
<a href="http://deine.webseite.de/bild_02.jpg" rel="lytebox[wagenrennen]" title="Wagenrennen Bild 2"> </a>
<a href="http://deine.webseite.de/bild_03.jpg" rel="lytebox[wagenrennen]" title="Wagenrennen Bild 3"> </a>
<a href="http://deine.webseite.de/bild_04.jpg" rel="lytebox[wagenrennen]" title="Wagenrennen Bild 4"> </a>

B i l d - Variante:
<table cellpadding="0" cellspacing="0">
<tr>
<td width="170"><a href="http://deine.webseite.de/bild_01.jpg" title="Wagenrennen Bild 1" rel="lytebox[wagenrennen1]"><img src="http://deine.webseite.de/thumbs_bild_01.jpg" alt="Wagenrennen"></a></td>
<td width="170"><a href="http://deine.webseite.de/bild_02.jpg" title="Wagenrennen Bild 2" rel="lytebox[wagenrennen1]"><img src="http://deine.webseite.de/thumbs_bild_02.jpg" alt="Wagenrennen"></a></td>
<td width="170"><a href="http://deine.webseite.de/bild_03.jpg" title="Wagenrennen Bild 3" rel="lytebox[wagenrennen1]"><img src="http://deine.webseite.de/thumbs_bild_03.jpg" alt="Wagenrennen"></a></td>
<td width="170"><a href="http://deine.webseite.de/bild_04.jpg" title="Wagenrennen Bild 4" rel="lytebox[wagenrennen1]"><img src="http://deine.webseite.de/thumbs_bild_04.jpg" alt="Wagenrennen"></a></td>
</tr>
</table>


Bildpräsentation als Diashow - rel="lyteshow[xxx]"

L i n k - V a r i a n t e:

Bildpräsentation mit Slideshow Effekt


B i l d - V a r i a n t e:

Wagenrennen


Wagenrennen


Wagenrennen


Wagenrennen
Beispiel Code:

L i n k - Variante:
<a href="http://deine.webseite.de/bild_01.jpg" rel="lyteshow[diashow]" rev="[info]Hier kommt die INFO rein.[/info]" title="Bild 1">Slideshow Effekt</a>
<a href="http://deine.webseite.de/bild_02.jpg" rel="lyteshow[diashow]" rev="[exif=true]" title="Wagenrennen Bild 2"> </a>
<a href="http://deine.webseite.de/bild_03.jpg" rel="lyteshow[diashow]" rev="[info]Hier kommt die INFO rein.[/info][exif=true]" title="Wagenrennen Bild 3"> </a>
<a href="http://deine.webseite.de/bild_04.jpg" rel="lyteshow[diashow]"" title="Wagenrennen Bild 4"> </a>

B i l d - Variante:
<table cellpadding="0" cellspacing="0">
<tr>
<td width="170"><a href="http://deine.webseite.de/bild_01.jpg" title="Wagenrennen Bild 1" rel="lyteshow[diashow]" rev="[info]Hier kommt die INFO rein.[/info]"><img src="http://deine.webseite.de/thumbs_bild_01.jpg" alt="Wagenrennen"></a></td>
<td width="170"><a href="http://deine.webseite.de/bild_02.jpg" title="Wagenrennen Bild 2" rel="lyteshow[diashow]" rev="[exif=true]"><img src="http://deine.webseite.de/thumbs_bild_02.jpg" alt="Wagenrennen"></a></td>
<td width="170"><a href="http://deine.webseite.de/bild_03.jpg" title="Wagenrennen Bild 3" rel="lyteshow[diashow]" rev="[info]Hier kommt die INFO rein.[/info][exif=true]"><img src="http://deine.webseite.de/thumbs_bild_03.jpg" alt="Wagenrennen"></a></td>
<td width="170"><a href="http://deine.webseite.de/bild_04.jpg" title="Wagenrennen Bild 4" rel="lyteshow[diashow]"><img src="http://deine.webseite.de/thumbs_bild_04.jpg" alt="Wagenrennen"></a></td>
</tr>
</table>

Quelle: http://pingalerie.de/lytebox-eine-modif ... ow-effekt/

In meinem Orionforum (based on phpBB2) funtz es.
Dort habe ich sogar denn [img] Tag umgeschrieben

Code: Alles auswählen

<!-- BEGIN img --><a href="{URL}" title="Image" rel="lytebox"><img src="{URL}" alt="Image" title="Image" border="0"><!-- END img -->

[Mahony]

Hallo
Du kannst für phpBB3 diesen MOD hier benutzen Auto Image Resizer w Lytebox 1.2.0 for phpBB 3.0

Auf Seite 25 findest du den Download-Link für den MOD Seite 25 (auf Get it here klicken).




Grüße: Mahony

[ups]

interessanter mod...
ne frage dazu, funktioniert er gut?
was gibts zu beachten?
sollte man lieber nen anderen nehmen?

er ist ja für rc1-rc3 geschrieben worden und ist immernoch im beta stadium, mal abgesehen davon das der autor sich seit monaten nicht mehr rührt

[Pionier]

Habe den MOD nach Anleitung eingebaut, und er funzt nicht

Ich habe eben nickvergessen eine PN geschrieben, ob er eine Anleitung hat.
Bie ihm im Forum läuft die lytebox super.

[ups]

sorry...
...ich meinte auch den mod hier: Auto Image Resizer w Lytebox 1.2.0 for phpBB 3.0

ups

[Boecki91]

Habe den MOD nach Anleitung eingebaut, und er funzt nicht

Ich habe eben nickvergessen eine PN geschrieben, ob er eine Anleitung hat.
Bie ihm im Forum läuft die lytebox super.

Verwendest du einen anderen Style?

Wenn ja musst du den Mod auch da einbauen.

[ups]

Ich habe eben nickvergessen eine PN geschrieben, ob er eine Anleitung hat.
Bie ihm im Forum läuft die lytebox super.

könntest du die anleitung hier posten?

danke
ups

[Pionier]

Nein, ich nutze nur Prosilver im Original.

Einzigste Änderung ist das ich noch das Portal von Board3 installiert habe.

Kannst ja mal unter http://board.allytools.de vor bei schauen.