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%;
}