Horizontal Scrolling Of A Set Of Images - Internet Explorer for Mac Does Not Scroll Smoothly
The url I am working on is http://aliasart.thedesignfly.com and the scrolling in question is found on the home page. The guy who I am developing for sent me this...
For IE, I should have said does not cope 'well' (rather than implying not at all) for the Home Page. This 'appears' to be solely due to the moving / scrolling images.
The main IE points are:
The moving images do not move smoothly, but judder (like incremental steps). Netscape moves smoothly (a large difference).
When one rollsover any link on the Home Page the mouse pointer and the link start flashing quickly (at the same rate as the images are moving) and quite strongly.
When you press on the link, this flashing continues.
A horizontal scroll bar appears along the bottom of the page allowing one to scroll into white space on the left and right sides.
If you clickthrough to a page from the Home Page and then press 'back' on the browser to return to the Home Page, then the moving images judder much more severely.
When you rollover a link, the flashing is more severe in turn. It is then difficult to click off into another application (it is as if stuck on the page) but it does manage to do so
eventually. If you repeat this process, it becomes more pronounced with the images jumping across rather than juddering. These more severe states can be resolved back to
normal judder by refreshing the page.
I don't have a mac so I can't test this and considering I borrowed the code I wouldn't know where to start coding my own (other than making it in flash...). Has anyone come across this problem when using IE for the mac and if so what was the solution.
For IE, I should have said does not cope 'well' (rather than implying not at all) for the Home Page. This 'appears' to be solely due to the moving / scrolling images.
The main IE points are:
The moving images do not move smoothly, but judder (like incremental steps). Netscape moves smoothly (a large difference).
When one rollsover any link on the Home Page the mouse pointer and the link start flashing quickly (at the same rate as the images are moving) and quite strongly.
When you press on the link, this flashing continues.
A horizontal scroll bar appears along the bottom of the page allowing one to scroll into white space on the left and right sides.
If you clickthrough to a page from the Home Page and then press 'back' on the browser to return to the Home Page, then the moving images judder much more severely.
When you rollover a link, the flashing is more severe in turn. It is then difficult to click off into another application (it is as if stuck on the page) but it does manage to do so
eventually. If you repeat this process, it becomes more pronounced with the images jumping across rather than juddering. These more severe states can be resolved back to
normal judder by refreshing the page.
I don't have a mac so I can't test this and considering I borrowed the code I wouldn't know where to start coding my own (other than making it in flash...). Has anyone come across this problem when using IE for the mac and if so what was the solution.
document.getElementById('s
for NS
for NS
ASKER
This seems to scroll smoothly (as can be seen at http://aliasart.thedesignfly.com/test2.asp ) but it does not have the same functionality as the live site does, that is to say it does not loop correctly. There is also the scroll bar problem (which I might be able to fix using iframes). Is this something you were aware of?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
The customer seems to think the flicker is suitable so it would be helpful if you could look at it again.
<base href='http://aliasart.thedesignfly.com/'>
<body>
<div id="scroller" style="position:absolute;w
<img src="db/gfx/scroller/front
<img src="db/gfx/scroller/front
<img src="db/gfx/scroller/front
<img src="db/gfx/scroller/front
</div>
<div id="scrollerTop" style="position:absolute;w
<table width="984" height="268" cellspacing="0" cellpadding="0">
<tr>
<td width="10%" bgcolor="#FFFFFF" width="209"></td>
<td width="80%" height="220"></td>
<td width="10%" height="220" bgcolor="#FFFFFF"></td>
</tr>
</table>
</div>
<script>
function move(){
document.getElementById('s
}
setInterval('move()',25)
</script>