manueller und automatischer Slider

RickySurename

Grünschnabel
Guten Abend Euch,
ich bin neu hier und auch in Javascript.
Ich versuche gerade eine Slideshow mit einer manuellen und automatischen Konfiguration zu erstellen, was mir aber nicht sehr gut gelingt. Vllt. hat jemand von Euch eine Idee, was ich ändern muss, dass die Slideshow automatisch startet und nicht erst nach Klick und wenn ich den Vor-bzw. Zurück-Button anwende, springen die Bilder schneller oder unterschiedlich schnell und das Vor und Zurück hat auch keine Wirkung mehr.

Javascript:
var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}



function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
 
  slides[slideIndex-1].style.display = "block";
}


var slideIndex = 1;
function showSlides(n) {
  ('showslides('+ n +')\nslideIndex='+slideIndex);
  var i;
  var slides = document.getElementsByClassName("mySlides");
  if (!n){n = ++slideIndex}
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
  slides[slideIndex-1].style.display = "block";
 
  setTimeout(showSlides, 2000);
}
 

Neue Beiträge

Zurück