• 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.

0 głosów
67 wizyt
pytanie zadane 18 listopada 2018 w JavaScript, jQuery, AJAX 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 Szeryf (97,850 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 Szeryf (97,850 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ź 130 wizyt
0 głosów
1 odpowiedź 132 wizyt
pytanie zadane 29 sierpnia 2016 w JavaScript, jQuery, AJAX przez dartespl Użytkownik (830 p.)
–1 głos
1 odpowiedź 128 wizyt
Porady nie od parady
Komentarze do pytań nie służą do odpowiadania, od tego jest wydzielona sekcja odpowiedzi. Funkcją komentarzy jest natomiast możliwość uzyskania dodatkowych informacji na temat samego posta.Komentarze

66,324 zapytań

113,061 odpowiedzi

239,218 komentarzy

46,589 pasjonatów

Przeglądających: 256
Pasjonatów: 7 Gości: 249

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...