...
Um die Shadowbox für alle Seiten zu aktivieren, gehen Sie wie folgt vor:
Verbinden sie sich per FTP mit Ihrer
...
Website und gehen Sie in den Ordner themes und dort in Ihr momentanes Theme.
Hier erstellen Sie einen Ordner mit dem Namen shadowbox und kopieren die Dateien aus dem ZIP im Anhang in den Ordner.
Gehen Sie nun zu Administration > Layout > Template Manager in die Datei index.html, die Verbindung mit dem FTP können Sie trennen.
Hier fügen Sie unterhalb des
[[JAVASCRIPT]]
diesen Code ein. Achtung: Bei NAME_DES_TEMPLATE geben Sie den Namen Ihres Templates ein, wie er im blauen Balken überhalb des Editors steht. z.B. standart_4_0.Codeblock language html <link rel="stylesheet" type="text/css" href="/themes/NAMEN_DES_TEMPLATE/shadowbox/shadowbox.css"> <script type="text/javascript" src="/themes/NAMEN_DES_TEMPLATE/shadowbox/shadowbox.js"></script>
Fügen Sie diesen Code direkt vor dem schliessenden Body Tag
</body>
ein.Codeblock language html <script type="text/javascript"> Shadowbox.init(); </script>
Bei den Bildern bei denen Sie es nun verwenden wollen, müssen Sie ein Link Element um das Bild machen und diesem das Attribut
rel="shadowbox[1]"
hinzufügen. Dann sieht es in etwa so aus:Codeblock language html <a href="/images/content/Referenzen/Projekte/Bild1.png" rel="shadowbox[1]"><img src="/images/content/Referenzen/Projekte/Bild1.png"></a>
View file | ||
---|---|---|
|
...