Question

I’ve just created a custom carousel with images and have got previous/next arrows to move the images around.

Does jQuery have an event where I can click on the photo, drag it to the left or right and fire the same action that I currently have on the arrows?

My current code looks like this

$carousel.animate({
    left: '+=' + amountToAnimate
}, 800, 'backEaseOut');

I also need to prevent Firefox from ‘picking’ the image up.

I’m already using jQuery UI if that helps.

Answer 1

You will need to add draggable() to your item and add some custom code the start event.
With more sample code it might be easier to give fuller advice, jsfiddle.net sample is best

EDIT:

You could use events api http://api.jquery.com/category/events/ , mousemove and mousedown, to figure which way to move the image, and call the animate event.

Re-using draggable , with some clever options and event functions may be better

I also need to prevent Firefox from 'picking' the image up.

Use the Mozilla CSS Extensions

-moz-user-focus:ignore; 
-moz-user-select:none; 

might to do the trick.