Wir setzen Cookies auf dieser Website ein. Diese Cookies speichern Informationen auf Ihrem Computer oder Ihrem mobilen Gerät, die Ihr Online-Erlebnis verbessern sollen. Cookies sind kleine Textdateien, die Ihnen ermöglichen schnell und gezielt zu navigieren. Cookies speichern Ihre Präferenzen und geben uns einen Einblick in die Nutzung unserer Website. Google Analytics-Cookies speichern auch Marketinginformationen. Mit dem Klick auf das Cookie akzeptieren Sie dieses. Durch speichern der Einstellungen stimmen Sie der Verwendung von Cookies in Übereinstimmung mit Ihren Präferenzen (sofern angegeben) durch uns zu.

Mehr Infos

Slider erstellen

Video

 

HTML Code kopieren und unter "Quellcode" einfügen.

<div style="max-width:600px">

  <img class="mySlides" src="https://www.worldsoft-goldsupport.info/images/3406/app-slider-beispiel-bild01.jpg" style="width: 100%; display: block;" /> 

  <img class="mySlides" src="https://www.worldsoft-goldsupport.info/images/3412/app-slider-beispiel-bild02.jpg" style="width: 100%; display: none;" />

  <img class="mySlides" src="https://www.worldsoft-goldsupport.info/images/3418/app-slider-beispiel-bild03.jpg" style="width: 100%; display: none;" />

</div>

 

JS Code kopieren und unter "Quellcode" unterhalb des HTML Codes einfügen.

 

<script>

var myIndex = 0;

carousel();

function carousel() {

  var i;

  var x = document.getElementsByClassName("mySlides");

  for (i = 0; i < x.length; i++) {

    x[i].style.display = "none";  

  }

  myIndex++;

  if (myIndex > x.length) {myIndex = 1}   

  x[myIndex-1].style.display = "block";  

  setTimeout(carousel, 3000); // Change image every 2 seconds

}

</script>

appkursmenurechts
blockHeaderEditIcon
Benutzername:
User-Login
Ihr E-Mail
*