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)