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

Beeldvenster

Je kunt zoveel knoppen en foto's toevoegen als je wil. 1. Kopieer deze code en plaats ze in het HEAD-gedeelte van je pagina : <SCRIPT LANGUAGE="JavaScript"> <!-- hier laad je de foto's in --> beeld0 = new Image(); beeld0.src = "foto1.jpg"; beeld1 = new Image(); beeld1.src = "foto2.jpg"; beeld2 = new Image(); beeld2.src = "foto3.jpg"; beeld3 = new Image(); beeld3.src = "foto4.jpg"; beeld4 = new Image(); beeld4.src = "foto5.jpg"; <!-- hier laad je de knoppen in --> knop1= new Image(); knop1.src = "knop1a.gif"; knop1aan = new Image(); knop1aan.src = "knop1b.gif"; knop2= new Image(); knop2.src = "knop2a.gif"; knop2aan = new Image(); knop2aan.src = "knop2b.gif"; knop3= new Image(); knop3.src = "knop3a.gif"; knop3aan = new Image(); knop3aan.src = "knop3b.gif"; knop4= new Image(); knop4.src = "knop4a.gif"; knop4aan = new Image(); knop4aan.src = "knop4b.gif"; <!-- deze functie niet wijzigen --> function beeldwissel(a,b,c,d) { document.images[a].src = eval(b + ".src"); document.images[c].src = eval(d + ".src"); } </script> 2. Kopieer deze code en plaats ze in het BODY-gedeelte van je pagina : <IMG SRC="foto1.jpg" WIDTH="300" HEIGHT="150" NAME="beeldvenster" ><br><br><br> <A HREF="#" ONMOUSEOVER="beeldwissel('beeldvenster','beeld1','een','knop1aan')" ONMOUSEOUT="beeldwissel('beeldvenster','beeld0','een','knop1')"> <IMG SRC="knop1a.gif" BORDER="0" NAME="een"></A> <A HREF="#" ONMOUSEOVER="beeldwissel('beeldvenster','beeld2','twee','knop2aan')" ONMOUSEOUT="beeldwissel('beeldvenster','beeld0','twee','knop2')"> <IMG SRC="knop2a.gif" BORDER="0" NAME="twee"></A> <A HREF="#" ONMOUSEOVER="beeldwissel('beeldvenster','beeld3','drie','knop3aan')" ONMOUSEOUT="beeldwissel('beeldvenster','beeld0','drie','knop3')"> <IMG SRC="knop3a.gif" BORDER="0" NAME="drie"></A> <A HREF="#" ONMOUSEOVER="beeldwissel('beeldvenster','beeld4','vier','knop4aan')" ONMOUSEOUT="beeldwissel('beeldvenster','beeld0','vier','knop4')"> <IMG SRC="knop4a.gif" BORDER="0" NAME="vier"></A>

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

<