• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Slider zdjęć javascript

VPS Starter Arubacloud
0 głosów
664 wizyt
pytanie zadane 3 sierpnia 2019 w JavaScript przez cotyniepowiesz Nowicjusz (120 p.)
Dzień dobry,

Błąd w slajderze polega na tym, ze jeżeli użytkownik podczas „zanikania” zdjęcia kliknie na przycisk, który ma przenieść do innego zajęcia to czas wyświetlania zaczyna wariować.

Czy jest możliwość „zablokowania” lub „zignorowania” na pewien czas komendy onclick, która ma przenieść do funkcji ustawslajd() ?

1 odpowiedź

0 głosów
odpowiedź 3 sierpnia 2019 przez Tomek Sochacki Ekspert (227,510 p.)
Po pierwsze to nie dałeś żadnego kodu, skąd mamy wiedzieć jak to zrobiłeś :) ?

Te przyciski powinny być elementami button więc po prostu najlepiej dać im na ten czas atrybut disabled.
komentarz 3 sierpnia 2019 przez cotyniepowiesz Nowicjusz (120 p.)
przeniesione 3 sierpnia 2019 przez ScriptyChris

Kod jest zrealizowany dokładnie jak w odcinku nr 2 JS.

W jaki sposób można decydować kiedy przycisk ma być disabled? Jakieś podpowiedzi co do składni?

<input type="button" name=myButton value="disable" disabled>

 

komentarz 3 sierpnia 2019 przez Tomek Sochacki Ekspert (227,510 p.)

zrób sobie po prostu setAttribute('disabled', true) removeAttribute('disabled') w jakiś tam swoich konkretnych sytuacjach.

Kod jest zrealizowany dokładnie jak w odcinku nr 2 JS.

ja nie jestem wróżką i jasnowidzem i szczerze nie mam pojęcia o jakim odcinku mówisz :(

komentarz 3 sierpnia 2019 przez cotyniepowiesz Nowicjusz (120 p.)
przeniesione 3 sierpnia 2019 przez ScriptyChris

W jaki sposób powiązać polecenia: setAttribute('disabled', true) removeAttribute('disabled') z konkretnym przyciskiem?

Chciałbym w funkcji schowaj() dezaktywować przyciski zdefiniowane w sekcji body na 0.5 sekundy.

 

<! DOCTYPE html>
<html lang="pl">

<head>
	<meta charset="utf-8" />
	
	<style>
		body
		{
			background-color: #222222;
			font-size: 24px;
			color: white;
		}
		.klik
		{
			float:left;
		
		}
	</style>
	                          <!-- Podpięcie biblioteki jQuery -->
		<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
		
		
	<script type="text/javascript">
	
		var numer = Math.floor(Math.random()*5)+1;	
		
		var timer1 =0;
		var timer2 =0;
		
		function ustawslajd(nrslajdu)
		{
			clearTimeout(timer1);
			clearTimeout(timer2);
			
			schowaj();
			setTimeout("zmienslajd()", 500);
			numer = nrslajdu -1;
		
		}
		

		function schowaj()
		{
			$("#slider").fadeOut(500);   <!-- jQuery -->
			
			
		}
	
	
		function zmienslajd()
		{
			numer++; if (numer>5) numer=1;                     <!-- zwiększanie numeru dla obrazów o jeden co każde wywołanie funkcji -->
			var plik = "<img src=\"slajdy/slajd" + numer + ".png\" />";   <!-- sprytne zmienianie numerów obrazków -->

			document.getElementById("slider").innerHTML = plik;
			
			$("#slider").fadeIn(500);  <!-- Biblioteka jQuery uchwyt do momentu fadeIn-->
			
			
			timer1 = setTimeout("zmienslajd()", 5000);  <!-- zmienia slajd co 5sec -->
			timer2 = setTimeout("schowaj()", 4500);
			
		}
		
	</script>
	
</head>


<body onload="zmienslajd()">
	
	<button onclick="ustawslajd(1)" setAttribute('disabled', true) style="cursor:pointer">[ 1 ]</button>
	<button onclick="ustawslajd(2)" disabled style="cursor:pointer">[ 2 ]</button>
	<button onclick="ustawslajd(3)" disabled style="cursor:pointer">[ 3 ]</button>
	<button onclick="ustawslajd(4)" disabled style="cursor:pointer">[ 4 ]</button>
	<button onclick="ustawslajd(5)" disabled style="cursor:pointer">[ 5 ]</button>
	
	<div id="slider"></div>

</body>

</html>
	

 

komentarz 3 sierpnia 2019 przez ScriptyChris Mędrzec (190,190 p.)
@cotyniepowiesz, Jeśli odnosisz się do konkretnego posta, to proszę rób to w formie komentarza. Po pierwsze zachowana zostaje spójność dyskusji, a po drugie osoba której odpowiadasz dostanie powiadomienie (w innym razie może przeoczyć Twoją wypowiedź).

Podobne pytania

0 głosów
2 odpowiedzi 3,492 wizyt
0 głosów
1 odpowiedź 423 wizyt
pytanie zadane 8 listopada 2017 w Grafika i multimedia przez Hary-86 Obywatel (1,630 p.)
+1 głos
1 odpowiedź 529 wizyt
pytanie zadane 23 maja 2017 w HTML i CSS przez sonewbie Użytkownik (690 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...