| Avoiding flicker on page transition There exists a number of client side ways to include a fixed HTML menu in the pages of our site. But this number decreases rapidly if the menu file loads a large image that is not supposed to flicker (on page transition) with any browser, including IE and Google Chrome. (Flicker does not easily occur with Firefox and Opera). IE: If we want to include a menu containing a large image without being confronted with flicker on page transition, we must not only use a proper inclusion technique, but also 'repeat' the image on each page that loads the menu - using the styles we applied to the image in the menu file, of course. Google Chrome: With this browser, the best way is to document.write the menu file to our pages if we want to avoid flicker (we can use this pseudo Ajax script for that purpose) and we should NOT repeat the image on each page that loads the menu. Firefox and Opera: Standard inclusion techniques will do the job, normally. We should NOT repeat the image on each page that loads the menu So the best way to avoid flicker with ALL browsers seems to be to document.write the menu file to our pages and to explicitly 'repeat' the image contained in the menu (if the menu has an image inside it) in the case of IE. DEMO: this very site. Please show me I'm wrong (I really want to be wrong) by creating a small site whose pages include a menu (client side insertion) containing a large image (minimum size: 550 kB). There should be no flicker with any browser. Arie Molendijk. EDIT: FOUND A SOLUTION, see http://www.dynamicdrive.com/forums/showthread.php?t=69986 |