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

Problem z sliderem

0 głosów
164 wizyt
pytanie zadane 19 maja 2015 w JavaScript, jQuery, AJAX przez bladatwarz6 Nowicjusz (120 p.)

Witajcie
Mam problem z mega prostym sliderem w jQuery.

Mam element który wysuwa się spod div'a, w nim zrobiony jest mega prosty slider który dopasowuje się do rozdzielczości (jest poprostu skalowalny) 

Problem jest w tym że gdy skrypt js zmienia zdjęcie to przez chwile (póki zdjęcie się nie wczyta) element ma zerową wysokość i przenosi użytkownika na góre strony po ponownym załadowaniu. 

Kod slidera:

var czas = 5000;
var zanikanie = 800;
var ile = 4;

var fadeout = czas-zanikanie;
var numer = Math.floor(Math.random()*ile)+1;
	
/* Slider */

function hide(){
	$("#slider").fadeOut(zanikanie);
}

function slider(){
	numer++; if (numer>ile)numer=1;
	
	var plik = "<img id=\"browser1\" src=\"css/images/browser" + numer + ".jpg\">";
	document.getElementById("slider").innerHTML = plik;
	$("#slider").fadeIn(zanikanie);
	
	setTimeout("slider()", czas);
	setTimeout("hide()", fadeout);
}

Struktura strony:
​
		<div id="browser">
			<div id="bar"> <tt style="background:#d70000;margin-right: 16px;"><p class="button">x</p></tt> <tt style="background:#00458a;margin-right: 8px;"><p class="button">-</p></tt> </div>
 			<div id="crossfade">
 				<div id="slider">
 				
 				</div>
			</div>
		</div>
		<div style="clear: both;"></div>

 

Wbicie na sztywno wysokości odpada bo ten element ma się dopasowywać do przeglądarki (skaluje zdjęcie)

1 odpowiedź

0 głosów
odpowiedź 20 maja 2015 przez testerius Pasjonat (24,020 p.)
Ustawienie w jakiś sposób wysokości na 100%/auto nie rozwiąże problemu, wtedy to właśnie powinno się dobrze dopasowywać do ekranu przeglądarki.

Podobne pytania

0 głosów
1 odpowiedź 141 wizyt
pytanie zadane 23 grudnia 2016 w JavaScript, jQuery, AJAX przez Kuba Makowski Początkujący (310 p.)
0 głosów
1 odpowiedź 87 wizyt
0 głosów
0 odpowiedzi 64 wizyt
pytanie zadane 20 lipca 2017 w JavaScript, jQuery, AJAX przez Kekk Początkujący (460 p.)
Porady nie od parady
Odznacz odpowiedź zieloną fajką, jeśli uważasz, że jest ona najlepsza ze wszystkich i umożliwiła ci rozwiązanie problemu.Najlepsza odpowiedź

62,275 zapytań

108,402 odpowiedzi

226,285 komentarzy

34,906 pasjonatów

Przeglądających: 223
Pasjonatów: 5 Gości: 218

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.

...