Versleepbare afbeeldingen

Versleepbare afbeeldingen

Je kunt de afbeeldingen verplaatsen naar waar je maar wilt
Je kunt natuurlijk je eigen afbeeldingen invoegen

Plaats dit stukje code tussen de <HEAD> tags van je pagina
<SCRIPT LANGUAGE="JavaScript"> //script van www.anouksweb.nl N=(document.all)?0:1;var ob; function MD(e){ if(N){ob=document.layers[e.target.name];X=e.x;Y=e.y;return false;} else{ob=event.srcElement.parentElement.style;X=event.offsetX;Y=event.offsetY;}} function MM(e){if(ob){if(N){ob.moveTo((e.pageX-X),(e.pageY-Y))} else {ob.pixelLeft=event.clientX-X+document.body.scrollLeft-2; ob.pixelTop=event.clientY-Y+document.body.scrollTop-2;return false;}}} function MU() {ob=null} if(N){document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE|Event.MOUSEUP)} document.onmousedown=MD;document.onmousemove=MM;document.onmouseup=MU </SCRIPT>

Dit gedeelte tussen de <BODY> tags
<div id="s" style="position:absolute;left:150;top:30;z-index:1"><img src=s.gif name="s"></div> <div id="d" style="position:absolute;left:200;top:30;z-index:2"><img src=d.gif name="d"></div> <div id="c" style="position:absolute;left:200;top:80;z-index:3"><img src=c.gif name="c"></div> <div id="h" style="position:absolute;left:250;top:80;z-index:4"><img src=h.gif name="h"></div> <div id="t1"><b>Verplaatsbare afbeeldingen</b></div> <br><div id="t2">je kunt de afbeeldingen verplaatsen naar waar je maar wilt</div>

Je kunt natuurlijk ook deze afbeeldingen gebruiken, vergeet ze dan niet te kopieren in de directory: