jQuery Plugin - Draggable Images

One of more interactive projects of late required an image to be moved around as if the user was dragging it. There was also a good chance that it would need to be combined with some other effects such as a zoom feature an image switcher.

Currently, most draggable image plugins use an inline image with absolute positioning and a surrounding clipping area, which in most cases is fine, but in this case it would be a real issue as the zoom plugin uses an absolute positioned container. To get around this I decided to convert the image inside the container to the background image.

For all those people who don't have javascript turned on you just see a clipped image, but those with javascript can move the background image around as if they are dragging it.

• Quick and simple demo page is here
• Minimised js is here
• A more fancy mash-up of this and the zoom plugin can be found here.

As ever all of these jQuery gubbins can be found over at the jQuery plugin site.

• Bears set the PACE

  10th December 08

• No time for snowball fights

  04th December 08

• XML Flash Audio Player

  11th November 08

• jQuery Plugin - Simple Resizer

  11th November 08

• jQuery Plugin - Draggable Images

  11th November 08

• jQuery Plugin - Simple Zoom

  11th November 08

• jQuery Plugin - Smart Modal

  10th November 08

•