[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Horizontal Scrolling Of A Set Of Images - Internet Explorer for Mac Does Not Scroll Smoothly

Posted on 2004-11-11
6
Medium Priority
?
302 Views
Last Modified: 2012-08-13
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.
0
Comment
Question by:AbeSpain
  • 3
  • 2
5 Comments
 
LVL 31

Expert Comment

by:GwynforWeb
ID: 12562934
here it is scrolling with the bare minimum of  over head over and it still shudders a little. I do not think you will get it better than this. The reapones is browser and machine dependent as well, I see see little difference betewn NS nad Ie on my machine

<base href='http://aliasart.thedesignfly.com/'>
<body>
<div id="scroller" style="position:absolute;width:1300;height:265;left:20;top:100;z-index:1">
 <img src="db/gfx/scroller/front/21.jpg" border="0" alt="Gabriel Corcuera Zubillaga : Daniel Corcuera Robbins">
 <img src="db/gfx/scroller/front/25.jpg" border="0" alt="Despina Kyriacou : DK01">
 <img src="db/gfx/scroller/front/20.jpg" border="0" alt="David Shanahan : DS20">
 <img src="db/gfx/scroller/front/28.jpg" border="0" alt="Stanley Woolston : SW01"> </dd>
</div>

<div id="scrollerTop" style="position:absolute;width:110%;height:500;top:100;left:20;z-index:2">
 <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('scroller').style.left=(parseInt(document.getElementById('scroller').style.left)+1)%1200
}
setInterval('move()',25)
</script>

0
 
LVL 31

Expert Comment

by:GwynforWeb
ID: 12562991
document.getElementById('scroller').style.left=(parseInt(document.getElementById('scroller').style.left)+1)%1200+'px'

for NS
0
 

Author Comment

by:AbeSpain
ID: 12583234
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?
0
 
LVL 31

Accepted Solution

by:
GwynforWeb earned 660 total points
ID: 12640774
If you are still interseted I can look at this again. The example I posted was to show what the best case flicker is , ie minimal processing, I know it had other problems. The flicker will depend very much on browser and users processer.
0
 

Author Comment

by:AbeSpain
ID: 12649296
The customer seems to think the flicker is suitable so it would be helpful if you could look at it again.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

872 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question