Forum Moderators: not2easy

Message Too Old, No Replies

Image Swap Slow in IE

My fireworks graphics are swapping real slow

         

seoArt

3:40 am on Jun 10, 2005 (gmt 0)

10+ Year Member



I have a page created in fireworks. The image swapping is pretty intense and complicated, but it seems to be error free, and the images are well optimized.

The problem is that the images swap very slow in IE when viewing the page on the web.

Netscape is lightning fast when it preloads the images. (I have to export in dreamweaver format to get it to preload using onload="" in the <body> tag)

I can't get IE to preload the images at all. I've tried exporting the html file from Fireworks in different ways too. Sometimes IE doesn't cache the files either.

When viewing on my hard drive - the page works great even on IE.

Don't know if they'll let me post the url, but here goes:

<snip - sorry> (exported as GoLive html from Fireworks)

<snip - sorry> (exported as Dreamweaver html from Fireworks)

These are just some pages I have been testing the graphics on. Not a final web site.

Any suggestions?

[edited by: Woz at 6:43 am (utc) on June 10, 2005]
[edit reason] No URLs please, see Tos#13 [/edit]

bunltd

3:46 am on Jun 10, 2005 (gmt 0)

10+ Year Member



Take a look at the code on the Dreamweaver output, specifically the <body> tag. It's preloading the same images multiple times, instead of preloading the 12 images once for the rollovers. Not sure why, but that's probably what's causing the lag.

Hope this helps.

LisaB

seoArt

4:04 am on Jun 11, 2005 (gmt 0)

10+ Year Member



Thanks for the suggestion. It's actually not the same image multiple times; if you look closely you'll see they're all different. Even if it was repeated, I would think it should still preload the images.

Has anyone preloaded images in IE before?

limbo

9:10 am on Jun 13, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I had problems with fireworks js for swap image behaviour. It works OK but is a bit clunky - the tables, spacer images and bloated invalid html/script bugged me.

I tend to export the images as individuals and rebuild the graphics in divs using dreamweaver + swap image behaviour in an external JS file. I have encountered no problems with it cross browser/platform + it'll validate ;)

There is also the option to take this route [webmasterworld.com] (post #3) using pure css which gives you maximum flexibility but takes time to master.