🚀 go-pugleaf

dareXi schreef:
> Hallo
> 
> Ik heb op mijn site iets gemaakt zodat je de bg kan veranderen, die bg's
> zijn redelijk groot (zodat het compatibel zou zijn met grotere resoluties)
> en dus duurt het wel een tijdje ( +/- 3 secs) voordat deze achtergronden
> zichtbaar zijn.
> Hoe kan ik deze picjes op voorhand laden?
>
Zeker, die techniek staat bekend als preloading. Dat kan als volgt:

Door ze in een niet zichtbaar frame alvast te laden, gewoon met <img 
src="naam">. 

Of door ze in een wel zichtbaar frame (waar je menu staat bijvoorbeeld) 
te laden met een hoogte en breedte van 0 pixels.

Of door ze onzichtbaar te laden met een stukje Javascript:

<script language="JavaScript">
<!--

function onloadfunctie()
{
    plaatje1 = new Image(); plaatje1.src = "plaatje1.jpg";
    plaatje2 = new Image(); plaatje2.src = "plaatje2.jpg";
// enz
}

// -->
</script>

waarbij je deze functie aanroept met de onload-handler van je <body>-tag.


Of door even te kijken welke andere oplossingen er nog zijn op 
<http://groups.google.com/groups?q=preload+new+image>.

> Mvg,
> dareXi

Groet,

Wimjan

-- 
Iemands e-mailadres kwijt? Probeer m'n meta e-mail zoeker eens op 
<http://inventio.nl/metanamesearch/>

dareXi <darexi@virtuax.be> wrote:
> Ik heb op mijn site iets gemaakt zodat je de bg kan veranderen, die bg's
> zijn redelijk groot (zodat het compatibel zou zijn met grotere resoluties)
> en dus duurt het wel een tijdje ( +/- 3 secs) voordat deze achtergronden
> zichtbaar zijn.

Zou het niet praktischer zijn om de achtergrond kleiner te maken en
bijvoorbeeld te 'tilen' met CSS?

> Hoe kan ik deze picjes op voorhand laden?

Met JavaScript, zoals anderen al suggereerden, maar er zijn nogal wat mensen
die dat in hun browsers uitzetten om irritatie te vermijden.

 - Philip

-- 
Philip Paeps                                                   philip@paeps.cx

  When in doubt, mumble.
  When in trouble, delegate.
  When in charge, ponder.

"Wimjan" <news+@inventio.nl> wrote in message
news:MPG.18323e599f43a02f98a075@news.cis.dfn.de...
> dareXi schreef:
> > Hallo
> >
> > Ik heb op mijn site iets gemaakt zodat je de bg kan veranderen, die bg's
> > zijn redelijk groot (zodat het compatibel zou zijn met grotere
resoluties)
> > en dus duurt het wel een tijdje ( +/- 3 secs) voordat deze achtergronden
> > zichtbaar zijn.
> > Hoe kan ik deze picjes op voorhand laden?
> >
> Zeker, die techniek staat bekend als preloading. Dat kan als volgt:
>
> Door ze in een niet zichtbaar frame alvast te laden, gewoon met <img
> src="naam">.
>
> Of door ze in een wel zichtbaar frame (waar je menu staat bijvoorbeeld)
> te laden met een hoogte en breedte van 0 pixels.
>
> Of door ze onzichtbaar te laden met een stukje Javascript:
>
> <script language="JavaScript">
> <!--
>
> function onloadfunctie()
> {
>     plaatje1 = new Image(); plaatje1.src = "plaatje1.jpg";
>     plaatje2 = new Image(); plaatje2.src = "plaatje2.jpg";
> // enz
> }
>
> // -->
> </script>
>
> waarbij je deze functie aanroept met de onload-handler van je <body>-tag.
>
>
> Of door even te kijken welke andere oplossingen er nog zijn op
> <http://groups.google.com/groups?q=preload+new+image>.
>
> > Mvg,
> > dareXi
>
> Groet,
>
> Wimjan
>
> --
> Iemands e-mailadres kwijt? Probeer m'n meta e-mail zoeker eens op
> <http://inventio.nl/metanamesearch/>

Hehe bedankt Wimjan!
Het werkt perfect.. neem ffie een kijkje op http://webdesign.virtuax.be

dareXi

"dareXi" <darexi@virtuax.be> wrote in message
news:BXdy9.7701$Nd.3146@afrodite.telenet-ops.be...
>
> "Wimjan" <news+@inventio.nl> wrote in message
> news:MPG.18323e599f43a02f98a075@news.cis.dfn.de...
> > dareXi schreef:
> > > Hallo
> > >
> > > Ik heb op mijn site iets gemaakt zodat je de bg kan veranderen, die
bg's
> > > zijn redelijk groot (zodat het compatibel zou zijn met grotere
> resoluties)
> > > en dus duurt het wel een tijdje ( +/- 3 secs) voordat deze
achtergronden
> > > zichtbaar zijn.
> > > Hoe kan ik deze picjes op voorhand laden?
> > >
> > Zeker, die techniek staat bekend als preloading. Dat kan als volgt:
> >
> > Door ze in een niet zichtbaar frame alvast te laden, gewoon met <img
> > src="naam">.
> >
> > Of door ze in een wel zichtbaar frame (waar je menu staat bijvoorbeeld)
> > te laden met een hoogte en breedte van 0 pixels.
> >
> > Of door ze onzichtbaar te laden met een stukje Javascript:
> >
> > <script language="JavaScript">
> > <!--
> >
> > function onloadfunctie()
> > {
> >     plaatje1 = new Image(); plaatje1.src = "plaatje1.jpg";
> >     plaatje2 = new Image(); plaatje2.src = "plaatje2.jpg";
> > // enz
> > }
> >
> > // -->
> > </script>
> >
> > waarbij je deze functie aanroept met de onload-handler van je
<body>-tag.
> >
> >
> > Of door even te kijken welke andere oplossingen er nog zijn op
> > <http://groups.google.com/groups?q=preload+new+image>.
> >
> > > Mvg,
> > > dareXi
> >
> > Groet,
> >
> > Wimjan
> >
> > --
> > Iemands e-mailadres kwijt? Probeer m'n meta e-mail zoeker eens op
> > <http://inventio.nl/metanamesearch/>
>
> Hehe bedankt Wimjan!
> Het werkt perfect.. neem ffie een kijkje op http://webdesign.virtuax.be
>
> dareXi
>
>

damn tog niet :D hmmm khad temp inet files ni goe gedelt, euhm ... dat loade
in het begin gaat dan weer traag :p nog een idee?

Mvg,
dareXi

"dareXi" <darexi@virtuax.be> schreef in bericht
news:j1ey9.7715$Nd.3045@afrodite.telenet-ops.be...
>
> "dareXi" <darexi@virtuax.be> wrote in message
> news:BXdy9.7701$Nd.3146@afrodite.telenet-ops.be...
> >
> > "Wimjan" <news+@inventio.nl> wrote in message
> > news:MPG.18323e599f43a02f98a075@news.cis.dfn.de...
> > > dareXi schreef:
> > > > Hallo
> > > >
> > > > Ik heb op mijn site iets gemaakt zodat je de bg kan veranderen, die
> bg's
> > > > zijn redelijk groot (zodat het compatibel zou zijn met grotere
> > resoluties)
> > > > en dus duurt het wel een tijdje ( +/- 3 secs) voordat deze
> achtergronden
> > > > zichtbaar zijn.
> > > > Hoe kan ik deze picjes op voorhand laden?
> > > >
> > > Zeker, die techniek staat bekend als preloading. Dat kan als volgt:
> > >
> > > Door ze in een niet zichtbaar frame alvast te laden, gewoon met <img
> > > src="naam">.
> > >
> > > Of door ze in een wel zichtbaar frame (waar je menu staat
bijvoorbeeld)
> > > te laden met een hoogte en breedte van 0 pixels.
> > >
> > > Of door ze onzichtbaar te laden met een stukje Javascript:
> > >
> > > <script language="JavaScript">
> > > <!--
> > >
> > > function onloadfunctie()
> > > {
> > >     plaatje1 = new Image(); plaatje1.src = "plaatje1.jpg";
> > >     plaatje2 = new Image(); plaatje2.src = "plaatje2.jpg";
> > > // enz
> > > }
> > >
> > > // -->
> > > </script>
> > >
> > > waarbij je deze functie aanroept met de onload-handler van je
> <body>-tag.
> > >
> > >
> > > Of door even te kijken welke andere oplossingen er nog zijn op
> > > <http://groups.google.com/groups?q=preload+new+image>.
> > >
> > > > Mvg,
> > > > dareXi
> > >
> > > Groet,
> > >
> > > Wimjan
> > >
> > > --
> > > Iemands e-mailadres kwijt? Probeer m'n meta e-mail zoeker eens op
> > > <http://inventio.nl/metanamesearch/>
> >
> > Hehe bedankt Wimjan!
> > Het werkt perfect.. neem ffie een kijkje op http://webdesign.virtuax.be
> >
> > dareXi
> >
> >
>
> damn tog niet :D hmmm khad temp inet files ni goe gedelt, euhm ... dat
loade
> in het begin gaat dan weer traag :p nog een idee?
>
> Mvg,
> dareXi
>
>
Natuurlijk gaat dat niet rapper, het blijft 3 sec duren voor het er is en
dat krijg je nu in het begin, toch logisch?
Enige oplossing is die achtergronden op de een of andere manier kleiner
maken, -> kleinere file -> sneller laden.

MaG

dareXi schreef:
> "dareXi" <darexi@virtuax.be> wrote 
> > "Wimjan" <news+@inventio.nl> wrote
> > > dareXi schreef:

[zoekt preload-scriptje]

> > > Of door ze onzichtbaar te laden met een stukje Javascript:
> > >
> > > <script language="JavaScript">
> > > <!--
> > >
> > > function onloadfunctie()
> > > {
> > >     plaatje1 = new Image(); plaatje1.src = "plaatje1.jpg";
> > >     plaatje2 = new Image(); plaatje2.src = "plaatje2.jpg";
> > > // enz
> > > }
> > >
> > > // -->
> > > </script>
> > >
> > > waarbij je deze functie aanroept met de onload-handler van je
> > > <body>-tag.
> > >
> > Hehe bedankt Wimjan!
> > Het werkt perfect.. neem ffie een kijkje op http://webdesign.virtuax.be
> >
> 
> damn tog niet :D hmmm khad temp inet files ni goe gedelt, euhm ... dat loade
> in het begin gaat dan weer traag :p nog een idee?
>
Zeker, ik noemde nog een aantal mogelijkheden (die je overigens in beide 
reacties voluit citeert). De oplossing die ik hierboven heb laten staan 
lijkt me wel wat, dan kun je het iframe dat je nu gebruikt achterwege 
laten omdat de plaatjes toch onzichtbaar worden ingeladen.

Vergeet je niet de functie in de onLoad event handler van <body> aan te 
roepen?


Nu ik je pagina heb bekeken valt me trouwens iets erg op waardoor je 
wellicht die preloads helemaal niet nodig hebt: je gebruikt het gif-
formaat voor de achtergronden waardoor de plaatjes *veel en veel* te 
groot zijn. Vergelijk bijvoorbeeld <http://webdesign.virtuax.be/bg2.gif> 
eens met <http://inventio.nl/test/bg2.jpg>. Moet jij eens raden hoeveel 
kleiner de laatste is, terwijl ik geen verschil in kwaliteit zie. Sla je 
achtergronden dus even op als jpegjes.

Eerlijk gezegd zie ik nauwelijks iets anders dan een zwart vlak (pas als 
ik de gammacorrectie in m'n grafische programma erg aanpas), maar da's 
wellicht bij jou anders. Toch iets om rekening mee te houden: het zou 
jammer zijn als je bezoekers ook niets anders zien dan een gekleurde, 
bijna effen achtergrond.
 
> Mvg,
> dareXi

Groet,

Wimjan

-- 
Iemands e-mailadres kwijt? Probeer m'n meta e-mail zoeker eens op 
<http://inventio.nl/metanamesearch/>