Drag and Drop


ok, wanna know who to make a dollmaker? well u can use this "nifty" tutorial! The picture below is an example!

first place this code in your head tag, do not edit it! without it the images wont move! :D 

<style> <!-- .drag{position:relative;cursor:hand} --> </style> <script language="JavaScript1.2"> <!-- //Generic Drag Script- © Dynamic Drive (www.dynamicdrive.com) //For full source code and terms of usage, //visit http://www.dynamicdrive.com var ie=document.all var ns6=document.getElementById&&!document.all var dragapproved=false var z,x,y function move(e){ if (dragapproved){ z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y return false } } function drags(e){ if (!ie&&!ns6) return var firedobj=ns6? e.target : event.srcElement var topelement=ns6? "HTML" : "BODY" while (firedobj.tagName!=topelement&&firedobj.className!="drag"){ firedobj=ns6? firedobj.parentNode : firedobj.parentElement } if (firedobj.className=="drag"){ dragapproved=true z=firedobj temp1=parseInt(z.style.left+0) temp2=parseInt(z.style.top+0) x=ns6? e.clientX: event.clientX y=ns6? e.clientY: event.clientY document.onmousemove=move return false } } document.onmousedown=drags document.onmouseup=new Function("dragapproved=false") //--> </script>
then, for each image, use this code, edit the image url!
<img src="IMAGE URL HERE" class="drag" name=" "><img src="IMAGE URL HERE" class="drag">
and there you go! instant dollmaker! (well, not really...dollmakers take A LOT of work! but u have the code now!)

(code from Dynamic Drive)