Question

I’m trying to create an infinitely scrolling image in a div using javascript with jquery. The code I’m using can be seen in the fiddle HERE.

This works in current browsers, but fails in IE7. My guess is that it has something to do with assigning negative css values, but I have yet to find a solution. Does anyone know how to get the behaviour seen in chrome in ie7?

Thanks for any help.

EDIT:
I have gotten the effect working cross-browser if I scroll the image vertically moving downward. Can be seen HERE.

EDIT 2:
I have gotten it working horizontally, but only moving to the right. It seems to dislike the negative direction value. Can be seen HERE.

Answer 1

I think IE7 is only supporting Integer values for the ‘left’-property!

change your function to:

$(function(){
reelDivs($('.reel div'), 'left', 500, -500, -1, 30);
});