Michael Stevens wrote: > http://www.regencygarden.com/test/ > http://www.regencygarden.com/test/regency.css > > I'm using CSS rollovers just like I've done for other projects. This one has > a very noticable flicker of the images as they swap out. I thought it might > be a file size problem but the buttons are only 24k. I checked another > project and those buttons are 21k so that can't be the issue. > > It's so slow I can watch the status bar as it says it's downloading the > rollover image... again... and again... and again... > > Is there a solution? > > Mike > > Two suggestions: a) Optimise your images. 24K is excessive for such small, few colour images. I'd expect them to be less than 10K no sweat. Try GIF rather than JPG for a start. Consider the same for the header and logo images - both would probably be a lot smaller as GIFs which will speed up the whole page.
b) Try Dave Shea's CSS sprites, to place both the 'default' and rollover state in the same image, so they are loaded at once. http://alistapart.com/articles/sprites/ Possibly the reason you are seeing problems on this site not the other could be that there are more, larger images to download on this one, or that it's on a different server which is itself slower. -- Sophie Dennis, Creative Director Cayenne Web Development Limited www.cayenne.co.uk Bloxham Mill, Barford Road Bloxham, Oxfordshire OX15 4FF t. 0870 389 0570 m: 07814 026632 Reg. England and Wales no. 4502369 ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
