User123: JavaScript Slideshow

Beitrag lesen

SELF-Forum

JavaScript Slideshow

User123
– Informationen zu den Bewertungsregeln

Hallo, ich bin Neuling im Bereich Webentwicklung, bzw. Webdesign. Ich versuche gerade eine Slideshow zu erstellen. Hier ist mein JavaScript Code:


$(document).ready(function () {
   $("#foto").hide();
   $("#foto2").show();  
 });

setInterval(() => {
   $(document).ready(function () {
      setTimeout(function(){  
        setTimeout(function(){ 
         $("#foto2").fadeOut(1000); 
          setTimeout(function(){  
              $("#foto").fadeIn(1000); 
          },1000)
        },5000)
     
        setTimeout(function(){
           setTimeout(function(){
             $("#foto").fadeOut(1000); 
           },3000)
          setTimeout(function(){
            $("#foto2").fadeIn(1000);
          },4000)
        }, 10000)
     
     },0000)
    });
  
  
}, 17000);

Ich habe von Jquery gebrauch gemacht. Jetzt habe ich Folgendes problem: Beim ersten Durchlauf der Slideshow ist das Foto zu lange eingeblendet. Javascript rechnet offenbar das "set Timeout" und "set interval" zusammen. Kennt jemand eine Lösung?

Beitrag melden
–
Informationen zu den Bewertungsregeln