ugrás a tartalomhoz

Oldalak közötti áttűnés

reden87 · 2009. Jún. 26. (P), 22.28
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:
  1. /* ... */  
  2. <style type="text/css">  
  3. #imagePreloader {  
  4.     display: none;  
  5. }  
  6. #LOADING {  
  7.     width: 64px;  
  8.     height: 64px;  
  9.     background: #fff url('loader.gif') no-repeat;  
  10.     top: 45%;  
  11.     left: 45%;  
  12.     position: absolute;  
  13. }  
  14. #container {  
  15.     display: none;  
  16. }  
  17. </style>  
  18.   
  19. <script type="text/javascript">  
  20.     function showpage() {  
  21.         if (document.getElementById) {  
  22.             document.getElementById("LOADING").style.display = "none";  
  23.             document.getElementById("container").style.display = "block";  
  24.         }  
  25.     }  
  26. </script>  
  27.   
  28. </head>  
  29.   
  30.   
  31. <body onload="showpage();">  
  32. <div id="LOADING"></div>  
  33. <div id="imagePreloader">  
  34.     /* ide rakom IMG taggal a tartalomban szereplő képeket, így töltöm őket elő */  
  35. </div>  
  36.   
  37. <div id="container">  
  38.     /* a tartalom maga */  
  39. </div>  
  40.   
  41.   
  42. /* ... */  
Egy példa itt: http://reden87.extra.hu/sample/
‹ CSS font installálás "@font-face"-szel Menü túllóg a határoló diven ›
 ■
1

hali

carstepPCE · 2009. Jún. 27. (Szo), 00.37
altalaban ugy szoktak megcsinalni, hogy van egy abszolut pozicionalt elem, amelynek az atlaszosagat allitjak folyamatosan. Ez az elem van legfelul

-cs-
Sanyi
3

Végül is az is egy megoldás,

reden87 · 2009. Jún. 27. (Szo), 10.04
Végül is az is egy megoldás, de én nem úgy gondoltam hogy átmegy egy köztes színbe és megjelenik a másik, hanem hogy egyből egyikből a másik.
4

Elvileg akkor is megoldható,

Fraki · 2009. Jún. 27. (Szo), 13.45
Elvileg akkor is megoldható, hogy egy fölérakott réteg átlátszóságát állítod, bármennyire is komplexek legyenek a rétegek.
5

okés, köszi, ki fogom

reden87 · 2009. Jún. 27. (Szo), 14.45
okés, köszi, ki fogom próbálni :)
2

scriptaculous vagy jquery

rrd · 2009. Jún. 27. (Szo), 09.44
scriptaculous vagy jquery táján nézelődj