Drag and Drop Tutorial

This tutorial will give you the code for the drag and drop feature used on dollmakers, and teach you how to use it properly. An example of the drag and drop feature is below, click on the doll and you can move her around.

The Code
The code below is provided by Dynamic Drive.


Inserting the Code
Copy the entire code above and paste it ABOVE the end of the head section of the page.

Enabeling the Drag Feature
Now that we have the script in the page, we need to enable the script to move the images. In order to do this, you must add the attribute class="drag" to every image's tag.

Example:

<img src="doll.gif" class="drag"> That's it! You should be on your happy little way to dragging and dropping! =)