Imagine this code (simplified)
<img id="leftArrow"/>
<div style="overflow:hidden; width:300px">
<img id="wideImage" style="width:1000px; position:absolute; left:0"/>
</div>
<img id="rightArrow"/>
that will result in something like this
How do you make #wideImage scroll smoothly to the left when #rightArrow is hovered?
I am after something like this
$('#right').hover(function() {
//On hover, accelerate #wideImage to the left
}, function() {
//On mouse out, decelerate to stop
});
Thanks in advance!