Miten saan taustakuvat latautumaan ensin, eli ennen tekstejä ja muuta..?! Tulee normaaliin html -sivuun, taustakuvat solun sisässä .. jotain javaScript pätkää tms..?!
Taustakuvien latautuminen ensin
Kepa
6358
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 6
Vanhimmat
Et todennäköisesti mitenkään. Jokainen selain näyttää sivun siinä tahdissa kun haluaa. Unohda tuollaiset.
Ja yleensä kaikki "sivistyneemmät" käyttäjät haluavat nähdä ensin nopeammin latautuvan tekstisisällön. Jotta voi poistua sivuilta silloin kun kuvat latautuvat.
Ja jos et halua olla liian sivistynyt, mutta silti tehdä sen täysin uskomattoman, teet tietenkin aloitussivun jossa on vain tuo haluamasi taustakuva! Sijoitat sitten vielä yhden linkin, (kuva itsessään voi myös olla linkki) tälle "varsinaiselle" pääsivullesi.
Voilá!
Tämä on tietenkin kaikkien pyhien sääntöjen vastaista, mutta niitähän tekaistaan vain siksi että niitä voisi rikkoa?! Siis ei mitään huolta, sillä sen kantaa muut, varsinkin ne jotka surffailevat tavallisen modeemilla ja siksipä seuraavaa...
A piece of advice: [Yksi hyvä neuvo] Tee siitä kuvasta niin pieni kuin mahdollista!
1. Fyysisesti esim. pienempi kuin 640x480 jolloin se ei peitä koko ruutua.
2. Optimeeraa [Optimized] kuva niin paljon kuin mahdollista, ilman että se vääristyy tai siitä häviää mitään oleellista. [Save Optimized As...(Photoshop´s ImageReady)]
Enjoy!
..että jollakin java scriptillä saisi kuvat ladattua etukäteen siten että koko sivu pamahtaa samaan aikaan monitorille .. eikä pala palalta..
taustakuvat ovat noin 50kb yhteensä, eipä siis juuri mitään nykynopeuksilla.. mutta, kunhan nyt kysyin.. kiitos näistä tyhjentävistä vastauksista..
matki flässiä (nyt tulee turpaan...)
1) tee alkusivu, jossa vain minimaalisen pieninä kaikki ladattavat kuvat (ja kuvat mahdollisimman jemmassa)
2) käytä onLoad-eventtiä kuvissa ja kutsu aina funktiota, joka piirtää palkkia ja loading xx% tekstiä jne jne. (src-attribuutti taisi olla se, joka kertoo kuvan tiedoston sijainnin. eli tyhjä ja täysi neliö hoitaa kätsästi loading-palkin)
Jos en ihan poskelleen muista, document.images on vektori joka pitää kaikki dokumentin kuvat.
3) body:n onLoad suoritetaan vasta, kun koko roska on valmis. Pistä siihen uudelleenohjaus. Toimii varmaan
meta-elementilläkin (refresh). Kokeilemalla tuokin selkiää.
..täähän se siis oli. Sori en lukenut kärkeen.
mutta javascriptitaitoni on hieman heikkoa, jos vain pystyt ja viitsit niin onko jotain tutoriaali-linkkiä johonkin sivulle josta löytyisi tähän "suoraa koodia"..??