webForumDet fria alternativet

preload med lager etc

JavaScript

5 svar · 209 visningar · startad av jonne

Medlem sedan jan. 20011 154 inlägg
Frågan#1

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?

Medlem sedan juni 20004 308 inlägg
#2

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;

Medlem sedan jan. 20011 154 inlägg
#3

Ska testa det hela och se hu lite jag igentligen förstår :)
Tack för hjälpen.

Medlem sedan jan. 20011 154 inlägg
#4

Ja det verkar fungera, men hur gör jag för att fördröja laddningslagret? Hinner knappt se den.

Medlem sedan juni 20004 308 inlägg
#5

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.

Medlem sedan jan. 20011 154 inlägg
#6

Hum.. jo det har du rätt i. Never mind me :)

255 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)