JavaScripts knippen en plakken
Op deze website vind je javascripts die je door eenvoudig knippen en plakken aan jouw site kunt toevoegen.
Home   CSS   DHTML   Forum    E-mail   Sitezoeker   Links
vorige    ROLLOVER NIEUW    volgende


Alle (actuele) browserversies ondersteunen 'document.getElementById'.
Hiermee kan een eenvoudiger versie van de standaard rollover-methode gemaakt worden.
Voor deze rollover heb je enkel <img src="beeld.gif" id="x"> nodig.



1. Kopieer deze code en plaats ze in het HEAD-gedeelte van je pagina :
2. Kopieer deze code en plaats ze in het BODY-gedeelte van je pagina :
3. Plaats binnenin de BODY-tag: <body onload="init()">


Instructies:

Geef al jouw afbeeldingen dezelfde naam, gevolgd door een volgnummer (1, 2, 3, ...) en een a of een b.
Afbeelding 'naam1a.gif' is de 'normale' afbeelding, 'naam1b.gif' is de afbeelding bij muisover.

In het voorbeeld staan alle afbeeldingen in een map 'pics' en ze heten allemaal 'knopxa.gif' of 'knopxb.gif', waarbij x staat voor 1,2,3,...
In het script moet je (het pad en) de naam van jouw afbeeldingen aanpassen:
voorladen['n'+x[i].id].src = 'pics/knop'+ x[i].id + 'a.gif';
voorladen['o'+x[i].id].src = 'pics/knop'+ x[i].id + 'b.gif';
wijzig je in:
voorladen['n'+x[i].id].src = 'MIJN AFBEELDINGENMAP/MIJN BEELDNAAM'+ x[i].id + 'a.jpg';
voorladen['o'+x[i].id].src = 'MIJN AFBEELDINGENMAP/MIJN BEELDNAAM'+ x[i].id + 'b.jpg';


Copyright: Het internet is van iedereen, de volledige inhoud van deze site kan door iedereen vrij gebruikt worden.