07 July 2014 "RT @AmySKiernan: There are giants in the bear cave ;) @oneblackbear http://t.co/4aN4QCF590 http://t.co/RE3yqQPBV0"
jQuery Plugin - Draggable Images
Tuesday 11th November 2008
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.
- 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.