Question

I have been stuck with this problem for quite some time now and i have searched on Google for countless hours to come up with a solution but to no avail.

Here is my Problem

I want to know the Logic behind a Carousel and would like to make it slide from right to left or vice-versa when a user hovers on the respective buttons.

How can i make it animate continuously on mouseenter?

Any help would be deeply appreciated. Thank You 🙂

Here is the JSFIDDLE:
http://jsfiddle.net/neoragex/qXseV/

Answer 1

I have updated your version, check it out 🙂 http://jsfiddle.net/qXseV/2/

What I did is add the following to your css of the .mid class:

position:absolute;
top:20px;

And I changed your setInterval to:

timer = setInterval(function() {slide();}, 400);

EDIT: extra jsfiddle with both left and right movement http://jsfiddle.net/qXseV/7/