Hintergrund wechseln
- Klickt auf den unten stehenden Link um die Dateien herunter zu laden.
- Entpackt die ZIP-Datei und kopiert den Inhalt in einen neuen Ordner.
- Öffnet die Datei "hg-wechsel-all.js" ( Rechtsklick > Öffnen mit > Editor ). Im unteren Drittel der Datei "hg-wechsel-all.js" könnt ihr die Zeit angeben in der das Bild gewechselt wird, und speichert diese.
- Nun erstellt ihr auf eurem Server einen neuen Ordner und kopiert die Dateien in diesen. Wie das geht erfahrt ihr HIER.
- Gehe zu Einstellungen > CSS und gib den unten stehenden CSS-Code mit dem korrekten Pfad zu der CSS-Datei an.
- Erstelle als ersten Artikel im Content ein Widget > Quelltext. Hier trägst du den unten stehenden Quelltext mit dem korrekten Pfad zu den JS- und Bild-Dateien.
CSS-Code
Diesen Code per Einstellungen > CSS einfügen und anpassen.
<link rel="stylesheet"
href="http://zella.de/code/hg-wechsel/hg-wechsel.css" type="text/css"
media="screen">
Quelltext
Diesen Code per Widget > Quelltext einfügen und anpassen.
<div id="maximage">
<img src="https://www.zella.de/bilder/bruecke/1.jpg"
alt="">
<img src="https://www.zella.de/bilder/bruecke/2.jpg"
alt="">
<img src="https://www.zella.de/bilder/bruecke/3.jpg"
alt="">
<img src="https://www.zella.de/bilder/bruecke/4.jpg"
alt="">
<img src="https://www.zella.de/bilder/bruecke/5.jpg"
alt="">
</div>
<script src="https://www.zella.de/code/hg-wechsel/hg-wechsel-all.js"
type="text/javascript" charset="utf-8"></script>
<script
src="https://www.zella.de/code/hg-wechsel/hg-wechsel-maximage.js"
type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function(){
// Trigger maximage
jQuery('#maximage').maximage();
});
</script>
