Hintergrund wechseln

  1. Klickt auf den unten stehenden Link um die Dateien herunter zu laden.
  2. Entpackt die ZIP-Datei und kopiert den Inhalt in einen neuen Ordner.
  3. Ö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.
  4. Nun erstellt ihr auf eurem Server einen neuen Ordner und kopiert die Dateien in diesen. Wie das geht erfahrt ihr HIER.
  5. Gehe zu Einstellungen > CSS und gib den unten stehenden CSS-Code mit dem korrekten Pfad zu der CSS-Datei an.
  6. 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.

Dateien herunter laden

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>

support
Dutch English French German