Oldalak közötti áttűnés
Sziasztok!
A probléma a következő: adott egy oldal, ahol minden egyes laphoz preloader script van hozzárendelve.
Ugye ez úgy megy, hogy van egy preloader kép, és amint betöltődött minden, a tartalom megjelenik.
Egy olyan szkriptet keresek, ami átmenetet képez a preloader és a tartalom között (ha az előtöltés befejeződött), ne csak megjelenjen.
Képekhez már találtam hasonló fade szkripteket, de ez kicsit komplexebb probléma, mert ugye csak akkor kell a fade, mikor a betöltés véget ért.
A preloader jelenleg a következő képpen működik:Egy példa itt: http://reden87.extra.hu/sample/
■ A probléma a következő: adott egy oldal, ahol minden egyes laphoz preloader script van hozzárendelve.
Ugye ez úgy megy, hogy van egy preloader kép, és amint betöltődött minden, a tartalom megjelenik.
Egy olyan szkriptet keresek, ami átmenetet képez a preloader és a tartalom között (ha az előtöltés befejeződött), ne csak megjelenjen.
Képekhez már találtam hasonló fade szkripteket, de ez kicsit komplexebb probléma, mert ugye csak akkor kell a fade, mikor a betöltés véget ért.
A preloader jelenleg a következő képpen működik:
/* ... */
<style type="text/css">
#imagePreloader {
display: none;
}
#LOADING {
width: 64px;
height: 64px;
background: #fff url('loader.gif') no-repeat;
top: 45%;
left: 45%;
position: absolute;
}
#container {
display: none;
}
</style>
<script type="text/javascript">
function showpage() {
if (document.getElementById) {
document.getElementById("LOADING").style.display = "none";
document.getElementById("container").style.display = "block";
}
}
</script>
</head>
<body onload="showpage();">
<div id="LOADING"></div>
<div id="imagePreloader">
/* ide rakom IMG taggal a tartalomban szereplő képeket, így töltöm őket elő */
</div>
<div id="container">
/* a tartalom maga */
</div>
/* ... */
hali
-cs-
Sanyi
Végül is az is egy megoldás,
Elvileg akkor is megoldható,
okés, köszi, ki fogom
scriptaculous vagy jquery