Lightbox einbinden



Voraussetzungen



* Lightbox-Paket heruntergeladen und entpackt (Download: [[http://www.lokeshdhakar.com/projects/lightbox2/#download|Webseite des Entwicklers]])

Zum Einbinden des Lightbox-Pakets gehen Sie wie folgt vor:



- Öffnen Sie webEdition.
- Erstellen Sie im Wurzelverzeichnis ein Dokumenten-Verzeichnis mit dem Namen "css".
- Importieren Sie von Ihrer lokalen Festplatte die Datei "css/lightbox.css" des Lightbox-Pakets in das Verzeichnis "css".
- Erstellen Sie im Wurzelverzeichnis ein Dokumenten-Verzeichnis mit dem Namen "images".
- Importieren Sie von Ihrer lokalen Festplatte folgende Dateien aus dem Lightbox-Paket in das Verzeichnis "images":
* images/bullet.gif
* images/close.gif
* images/closelabel.gif
* images/loading.gif
* images/nextlabel.gif
* images/prevlabel.gif
- Erstellen Sie im Wurzelverzeichnis ein Dokumenten-Verzeichnis mit dem Namen "js".
- Importieren Sie von Ihrer lokalen Festplatte folgende Dateien aus dem Lightbox-Paket in das Verzeichnis "js":
* js/builder.js
* js/effects.js
* js/lightbox.js
* js/prototype.js
* js/scriptaculous.js
- Fügen Sie in allen Vorlagen, auf denen Sie die Lightbox-Funktionalität nutzen möchte, folgenden Quellcode ein:\\ \\ <code html>
<we:ifNotEditmode>
<!-- Lightbox CSS-Datei einbinden -->
<link rel="stylesheet" type="text/css" media="screen" href="/css/lightbox.css" />

<!-- Für Lightbox benötigte JavaScript-Dateien einbinden -->
<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>
</we:ifNotEditmode>
</code>

Weiterführende Informationen



* [[http://www.lokeshdhakar.com/projects/lightbox2/|Webseite des Lightbox-Entwicklers]]
powered by webEdition CMS