asked on

Improving cross-browser performance of a javascript scroller

I am a novice at html and JS. I have a scrolling image on my website at http://mauitradewinds.com/Virtual%20Tours/TdwVT.htm which works well with Internet Explorer, but not with Chrome, Firefox or Safari. The image is supposed to scroll smoothly and pause on mouseover, with a changed cursor shape and the appearance of text "pause virtual tour:" With non-IE browsers, the bottom 20 px (or so) of the image are missing, the scroll is jerky, and the scroll pauses with mouse-over but, in most cases, there is no change in the cursor shape or text appearing. Of these issues, the jerky scrolling is ther most serious. Thanks for your help.

ASKER CERTIFIED SOLUTION

dtocci

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ddantes

ASKER

Thank you for your commments. Using a test page on my local drive, I corrected the code errors, added width and height values for the image, and corrected an oversight in the css file. This restored the missing 20px to the bottom of the image, for which I am grateful. But it didn't affect the jumpiness of the scrolling, or result in the mouse cursor changing shape, or text appearing with mouse-over. Here are some questions for you: Can you recommend a cross-browser friendly javascript scrolling solution? Can you suggest cross-browser code which allows the ALT tag on the image to display, and also respects the style code which changes the cursor when the mouse is over the image?

SOLUTION