Werkt deze website wel bij jullie?

**Eddy B.** · 09-04-2010, 19:25

De titel zegt het eigenlijk al, maar nog specifieker, doet de image pre-loader het ook?

Linkje.

**Frank Houweling** · 09-04-2010, 19:26

Ja, doet het. Nee, doet niet aan preloaden.

**cees pomp** · 09-04-2010, 19:33

locatie suriname
internet vrij traag browser chroom
de derde en vierde icoon van het menu worden niet geladen als je er met de muis overgaat zie je ze wel,

hij blijft gewoon laden maar komt niet verder

**Eddy B.** · 09-04-2010, 20:00

Oke dan, ik heb alle afbeeldingen gecomprimeerd, de images map is echt aanzienlijk kleiner, tevens doet me preloader et blijkbaar niet, heeft iemand enig idee waarom de pre-loader niet werkt?

de code:

function preloader(){
var i = 0;
imageObj = new Image();
image_url = new Array();
image_url[0] = "http://bisedia.nl/images/diensten_normal.png";
image_url[1] = "http://bisschdia.nl/images/diensten_hover.png";
image_url[2] = "http://bisschedia.nl/images/mail_normal.png";
image_url[3] = "http://bissmedia.nl/images/port_normal.png";
image_url[5] = "http://bisschomedia.nl/images/port_hover.png";
image_url[6] = "http://bisschopdia.nl/images/verlaat_normal.png";
image_url[7] = "http://bisschoedia.nl/images/verlaat_hover.png";
image_url[8] = "http://bissomedia.nl/images/ipad.png";
for(i=0; i<=8; i++){
imageObj.src=image_url[i];
}

**René Vennik** · 09-04-2010, 20:11

Lukt dit wel?

var img = new Image();
img.src = 'src';

**Niek A.** · 09-04-2010, 20:14

Hoe ik dit soort zaken altijd doe:

De normale afbeelding en de hover afbeelding samen in één afbeelding stoppen.
Daarna zoiets in je css zetten:

a:link, a:visited {
background: url(images/nav.jpg) no-repeat top left;
}

a:hover, a:active {
background: url(images/nav.jpg) no-repeat top right;
}

Zo wordt er maar één afbeelding geladen ipv. twee, en is er ook geen pre-load nodig ;)

**H. van Lohuizen** · 09-04-2010, 20:14

Je moet de je preload functie aanroepen in de body tag. Met een onload="preloader()"

**Eddy B.** · 09-04-2010, 20:35

Lohuizen @
Dat word toch ook gewoon gedaan?

**Niek A.** · 09-04-2010, 20:43

Hij bedoelt denk ik <body onload="preloader()">
Niet in een div dus.

**Eddy B.** · 09-04-2010, 20:46

Haha, mijn fout, komt door die spatie, lijkt het om daar de body begint, had et echt niet gezien, nu werkt alleen me js niet, ga er wel even achteraan.

bedankt :)
Aanvullend bericht:

Origineel gepost door Syncmaster

Hoe ik dit soort zaken altijd doe:

De normale afbeelding en de hover afbeelding samen in één afbeelding stoppen.
Daarna zoiets in je css zetten:
Zo wordt er maar één afbeelding geladen ipv. twee, en is er ook geen pre-load nodig ;)

Met sheets werken bedoel je? Hmm.. dat vind ik eigenlijk wel iets.. bedankt voor de tip. :)
Aanvullend bericht:
Heb het menu in sheets gedaan, en nu werkt het inderdaad perfect :) erg bedankt.

Werkt deze website wel bij jullie?