Verwendung
Einbinden der Dateien
Folgende Dateien müssen im <head>-Bereich eingebunden werden:
<script type="text/javascript" src="{$CAT_URL}/modules/lib_jquery/plugins/prettyphoto/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="{$CAT_URL}/modules/lib_jquery/plugins/prettyphoto/css/prettyPhoto.css" type="text/css" />
Dies kann direkt im Template oder mit Hilfe einer headers.inc.php Datei erfolgen.
Lightbox aktivieren
Einzelnes Bild
<a href="images/image-1.jpg" rel="prettyPhoto" title="my caption">image #1</a>
Eine Gruppe von Bildern
Hierzu dem rel "prettyPhoto" einen eindeutigen Namen in eckigen Klammern anhängen:
<a href="images/image-1.jpg" rel="prettyPhoto[pp_gal]">image #1</a>
<a href="images/image-2.jpg" rel="prettyPhoto[pp_gal]">image #2</a>
<a href="images/image-3.jpg" rel="prettyPhoto[pp_gal]">image #3</a>
Es ist kein weiteres Javascript notwendig, nur rel="lightbox" benutzen und fertig!