5 svar · 209 visningar · startad av jonne
Scenariot:
-------------
Jag har en "mainbild" och tre "vilande" bilder.
Dessa fyra bilder ska preloadas och sedan visas i ett lager med tumnaglar under av alla fyra. Under tiden de laddas ska en gif vissas. När laddningen är klar ska gifen döljas och första bilden visas.
Frågan:
----------
Hur visar jag en bild i ett lager under tiden allt laddas och sedan visar den "rätta" bilden samtidigt som laddningslagret döljs?
Om du använder funktionerna;
function showLayer(Id){
if (document.all) {
document.all[Id].style.visibility = "visible";
} else if (document.layers){
document.layers[Id].visibility = "show";
} else if (document.getElementById){
document.getElementById(Id).style.visibility = "visible";
}
}
function hideLayer(Id){
if (document.all) {
document.all[Id].style.visibility = "hidden";
} else if (document.layers){
document.layers[Id].visibility = "hide";
} else if (document.getElementById){
document.getElementById(Id).style.visibility = "hidden";
}
}
Kan du från <body>-taggen använda onLoad="hideLayer('laddningslager'); showLayer('bildlager');"
"bildlagret" kan du således ladda dolt med visibility:hidden;
Ska testa det hela och se hu lite jag igentligen förstår :)
Tack för hjälpen.
Ja det verkar fungera, men hur gör jag för att fördröja laddningslagret? Hinner knappt se den.
Meningen var väl bara att det skulle visas medans sidan laddats, att sidan laddas snabbt är väl bara bra? Annars tappar det ju meningen.
<script language="JavaScript" type="text/javascript">
function init(){
hideLayer('laddningslager');
showLayer('bildlager');
}
</script>
<body onLoad="setTimeout('init()',3000);">
3000ms = 3 sek.
Hum.. jo det har du rätt i. Never mind me :)