setTimeout() - zatrzymanie slajdera

pytanie zadane 26 października 2016 w JavaScript przez hiper007 Stary wyjadacz (11,270 p.)
zamknięte 27 października 2016 przez hiper007

Witam

<script>
	
var numer = 1;

		
		     function schowaj()
			 {
				 
			 $('#zmien3').fadeOut(500);	 
				 
			 }
		
			function startslajd()
			{
				numer++; if (numer>16) numer=1;
				
				var plik = "<img src=\"img/scr" + numer + ".jpg\" />";
				
				document.getElementById("zmien3").innerHTML = plik;
				
				$('#zmien3').fadeIn(500);
				
				timer1=setTimeout("startslajd()", 4000);
				timer2=setTimeout("schowaj()", 3500);
			
			}
	
</script>	
	
<script>	
  
  var numer=1;
  
   function ustaw(nr)
 {	
				numer=nr;
				var plik="<img src=\"img/scr"+nr+".jpg\"/>"; 
				document.getElementById("zmien3").innerHTML=plik;
 }
  
  
 function dodaj()
 {
				var plik="<img src=\"img/scr"+numer+".jpg\"/>"; 
				document.getElementById("zmien3").innerHTML=plik;
 }

 function left()
 {
				numer--; if(numer<1) numer=16;
				var plik="<img src=\"img/scr"+numer+".jpg\"/>"; 
				document.getElementById("zmien3").innerHTML=plik;
			
 }

 function right()
 {
				
				numer++; if(numer>16) numer=1;
				var plik="<img src=\"img/scr"+numer+".jpg\"/>"; 
				document.getElementById("zmien3").innerHTML=plik;
 }
 		
</script>

Włączam slajder poprzez onclick="startslajd();"oki pojawiają się zdjęcia ;) ale wjaki sposób wyłączyć slajder ale w taki sposób zeby pozostało ostatnie wyświetlone zdjęcie??

jak uzyłem funkcji clearTimeout(timer1); poprzez onclick to wyłączył mi się slajder, ale nic się nie wyświetliło na końcu a na końcu po nacisnięciu onclicka ma się slajder zatrzymać na ostatnim zdjęciu . Co brakuje w tym kodzie ??

komentarz zamknięcia: Problem rozwiązany

1 odpowiedź

odpowiedź 26 października 2016 przez PiotrBajer Mądrala (5,300 p.)
wybrane 27 października 2016 przez hiper007

Najlepsza

Cześć!

Zmieniłbym funkcję "startslajd" na taką

function startslajd(przycisk) {

    clearTimeout(timer1);
    clearTimeout(timer2);

    if (typeof przycisk == 'undefined') {
        przycisk = false;
    }
    numer++;
    if (numer > 16) {
        if (przycisk) {
            numer--;
            return;
        }
        numer = 1;

    }

    var plik = "<img src=\"img/scr" + numer + ".jpg\" />";

    document.getElementById("zmien3").innerHTML = plik;

    $('#zmien3').fadeIn(500);

    timer1 = setTimeout("startslajd()", 4000);
    timer2 = setTimeout("schowaj()", 3500);

}

A samo wywołanie onlick na onclick="startslajd(true);"

Dzięki temu funkcja wie czy wywoływana jest z przycisku czy z setTimeout i nic nie robi jak osiągnie maksymalną liczbę slajdów.

komentarz 27 października 2016 przez hiper007 Stary wyjadacz (11,270 p.)

Dzieki za info... a np. klikam na dany przycisk za pomoca onclika wykonuje się funkcja wlaczajaca pokaz slajdów... ale po kliknieciu w przycisk w jaki sposob go dezaktywoewac zeby nie mozna bylo kliknac na niego jeszcze raz ....