Lightbox für IP-CMS
März 28, 2007
Mit der Lightbox 2 kann man verlinkte Bilder auf eine bequeme und unaufdringliche Art und Weise anzeigen. Ich habe das ganze mal ein wenig für IP-CMS angepasst.
Das Packet lightboxJS2.0_for-IP-CMS.tar.bz2 enthält den Ordner lightbox. Dieser muss in das Wurzelverzeichnis von IP-CMS kopiert werden.
Der folgende Code muss dann noch in die page.tpl des aktuellen Themes oder im Backend unter Settings/Meta Tags & Footer eingefügt werden.
Danach lässt sich die Lightbox einfach verwenden in dem man dem Link-Tag das Attribut rel="lightbox" hinzufügt. Zum Beispiel:
Das Packet lightboxJS2.0_for-IP-CMS.tar.bz2 enthält den Ordner lightbox. Dieser muss in das Wurzelverzeichnis von IP-CMS kopiert werden.
Der folgende Code muss dann noch in die page.tpl des aktuellen Themes oder im Backend unter Settings/Meta Tags & Footer eingefügt werden.
<script type="text/javascript" src="./lightbox/js/prototype.js"></script>
<script type="text/javascript" src="./lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="./lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="./lightbox/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="./lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="./lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="./lightbox/css/lightbox.css" type="text/css" media="screen" />
Danach lässt sich die Lightbox einfach verwenden in dem man dem Link-Tag das Attribut rel="lightbox" hinzufügt. Zum Beispiel:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>