phpBB.de

Verfasst: **10.10.2008 19:16**

Hallo zusammen,

ich möchte in mein phpBB3 Forum den Code von Lightbox2 integrieren. Leider scheitere ich daran, das zum laufen zu kriegen.

Ich habe die nötigen Dateien hochgeladen.
Hier die Installationsanleitung:

Part 1 - Setup

Lightbox 2 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header (in this order).
Code: Alles auswählen
<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>
Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles).
Code: Alles auswählen
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
Check the CSS and make sure the referenced prev.gif and next.gif files are in the right location. Also, make sure the loading.gif and close.gif files as referenced near the top of the lightbox.js file are in the right location.

Part 2 - Activate

Add a rel="lightbox" attribute to any link tag to activate the lightbox. For example:
Code: Alles auswählen
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
Optional: Use the title attribute if you want to show a caption.
If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:
Code: Alles auswählen
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!

Diese drei Zeilen Code habe ich in der "overall-header" meines Styles:

Code: Alles auswählen

<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>

Diese zeile hab ich in die "stylesheet.css" meines Styles eingebaut:

Code: Alles auswählen

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

Aber ich weiß nicht, wie ich den Templates beigringe dies hier umzusetzen, denn im Forum funktioniert ja kein html:

Code: Alles auswählen

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Wenn ich normalerweise auf ein Bild im Forum (welches als attachment angehängt wurde) klicke, geht ja ein neues Browserfenster auf (target="_blank") ich möchte aber, das sich die Seite verdunkelt und mitten auf der Seite eben dieses weisse Bilderfenster erscheint, welches das Bild dann darstellt.

Habt ihr ne Idee, wie ich da vorgehen muß? Wäre schön, wenn jemand da ne idee hat!

Hier der LINK zu meiner Seite.

Verfasst: **10.10.2008 20:06**

Danke und Sorry!

habs selbst geschafft, kann geclosed werden!

Verfasst: **27.10.2008 15:16**

ich quäle mich im Moment auch mit der Lightbox rum. Kannst du mir bitte sagen was du gändert hast. Bei mir öffnet sich immer ein separates Fenster.

Danke schonmal für die Hilfe.

Verfasst: **28.12.2008 19:02**

gute frage kann einer mal eine deutsche beschreibung einfüger hier oder gibt es eine anleitung wie man es in phpBB3 3.0.4 einbaut?

phpBB.de

phpBB3 mit Lightbox2 als Galerie

phpBB3 mit Lightbox2 als Galerie