Problem z sliderem

Question

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)

Answer 1

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.