Ce script va permettre le déplacement de trois images par votre lecteur .... ( EI seulement )
Entre les balise <head> et </head>
<style type="text/css"> <!-- .dragme{position:relative;} --> </style> <script type="text/javascript"> /* Created by: elouai.com Revised by: Silly_TomcaT */ <!-- Begin var ie=document.all; var nn6=document.getElementById&&!document.all; var isdrag=false; var x,y; var dobj; function movemouse(e) { if (isdrag) { dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y; return false; } } function selectmouse(e) { var fobj = nn6 ? e.target : event.srcElement; var topelement = nn6 ? "HTML" : "BODY"; while (fobj.tagName != topelement && fobj.className != "dragme") { fobj = nn6 ? fobj.parentNode : fobj.parentElement; } if (fobj.className=="dragme") { isdrag = true; dobj = fobj; tx = parseInt(dobj.style.left+0,10); ty = parseInt(dobj.style.top+0,10); x = nn6 ? e.clientX : event.clientX; y = nn6 ? e.clientY : event.clientY; document.onmousemove=movemouse; return false; } } document.onmousedown=selectmouse; document.onmouseup=new Function("isdrag=false"); // End --> </script>
Entre les balises <body> et </body>
<div align="center"> <img src="https://storage.canalblog.com/14/69/415861/23977741.gif " width=" 262" height=" 262" class="dragme"><br><br> <img src="https://storage.canalblog.com/02/70/415861/23977777.gif" width=" 125" height=" 150" class="dragme"><br><br> <img src="https://storage.canalblog.com/71/18/415861/23993769.gif" width=" 125" height=" 125" class="dragme"> </div>
cliquez sur l'image pour visualiser le script: