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

question-closed Slider z 2 odcinka kursu.

VPS Starter Arubacloud
0 głosów
157 wizyt
pytanie zadane 18 listopada 2018 w JavaScript przez Freelance Początkujący (340 p.)
zamknięte 18 listopada 2018 przez Freelance

Witam. Mam problem ze sliderem z odcinka 2 kursu mistrza Zelenta. Trochę go zminimalizowałem do własnych potrzeb. 

 

Problemy są w sumie dwa.

Problem 1:
Czasami przy zmianie slajdu strona się tak jakby odświeża (Mimo użycia metody innerHTML). Jak sobie zjadę trochę w dół suwaczkiem i zmieni slajd to suwak z automatu idzie na samą górę.

 

Problem 2:
Przy zastosowaniu animacji fadeIn i fadeOut z JQuerry. Gdy kliknę sobie inną kartę w przeglądarce i dojdzie do zmiany slajdu po czym wrócę do karty ze swoją stronką z tym slajderem do końca czasu wyświetlania slajdu który został wczytany gdy ja byłem na innej karcie przeglądarki nie ma slajdu. Po prostu nie jest wyświetlany.

			
			var numer=Math.floor(Math.random()*3)+1;
			
			function zmien() {
				numer++;
				if(numer>3) numer=1;
				
				var plik ="<img src=\"Slajdy/Slajd"+numer+".jpg\" />";
				document.getElementById("slider").innerHTML=plik;
				setTimeout("zmien()", 6000);

				/*$("#slider").fadeIn(500);
				$("#slider").fadeOut(5500);*/

				if(numer==1)
				{
					document.getElementById("signature").innerHTML = "Mikołaj Kopernik";
				}
				if (numer==2)
				{
					document.getElementById("signature").innerHTML = "Jan Heweliusz";
				}
				if (numer==3)
				{
					document.getElementById("signature").innerHTML = "Kazimierz Kordylewski";
				}
				}
/* Styl slidera */
#astronomers {
	color:#2d85c3;
	text-align: center;
	font-size: 35px;
}

#slider	{
	margin-left: auto;
	margin-right: auto;
	width:100%;
}
komentarz zamknięcia: Problem został rozwiązany.
komentarz 18 listopada 2018 przez pablop76 VIP (123,060 p.)
Każdy język ma własny bloczek. Popraw będzie łatwiej opalić kod.
komentarz 18 listopada 2018 przez Freelance Początkujący (340 p.)
Jakbyś jasniej napisał co schrzaniłem byłbym wdzięczny. Z góry dzięki. :D Ja tu nowy jestem i zielony jak trawa.
komentarz 19 listopada 2018 przez pablop76 VIP (123,060 p.)
edycja 19 listopada 2018 przez pablop76
Widzę, że usunąłeś html, a chodziło o to żebyś wstawił go w bloczek XML/XHTML, tak jak powstawiałeś js i css. Ten kod mocno odbiega od ideału, ale tu chodzi o naukę , to nie jest kod do wystawienia.

Miganie jest spowodowane brakiem wysokości elementu zawierającego img. Ale problem jeszcze polega na tym, że fadeIn() oraz fadeOut() jest ustawiony na #slider, który jak znika traci height. Można dać dodatkowy pojemnik z ustawioną wysokością lub dodać wysokość dla rodzica jeżeli jest.
komentarz 19 listopada 2018 przez Freelance Początkujący (340 p.)
Wpadłem na to sam ale dzięki.

Podobne pytania

0 głosów
1 odpowiedź 408 wizyt
0 głosów
1 odpowiedź 340 wizyt
pytanie zadane 29 sierpnia 2016 w JavaScript przez dartespl Użytkownik (830 p.)
–1 głos
1 odpowiedź 213 wizyt
pytanie zadane 1 października 2017 w PHP przez Thorwaldsen Początkujący (250 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 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!

...