At 04:41 AM 1/5/2006, [EMAIL PROTECTED] wrote: >http://www.nssdesign.scot.nhs.uk/about_us/whoweare.php >The slices on this page load at different times. Is there a way to >delay the page loading until the all CSS background images are >loaded. Or make them all apear at the same time?
Ross, If you want the images to appear all at once, why slice them apart in the first place? (I'm guessing that the answer is that you want the slices to appear at non-contiguous locations on the page.) Consider that one large image is generally smaller than the cumulative size of the slices that make it up, because every image file carries an overhead. An exception to this might occur if two images are very different in character -- say, a black-to-white gradient and a full-color photo. If you load all the slices (or any set of images, really) into the same image file, they will obviously all load together. For example, you can concatenate your photos of doctor and patient in the same image file, then display each segment of that master image in a different location on the screen by setting the size and background image position for their respective elements. Take a look at "CSS Sprites: Image Slicing's Kiss of Death" by Dave Shea http://alistapart.com/articles/sprites/ Here's an example of my own, in which each item in a menu is swapped on hover with a different segment of one background image: Example 7 from "CSS Swag: Multi-Column Lists" by Paul Novitski http://alistapart.com/d/multicolumnlists/example7.html While neither of these probably illustrates what you're trying to do precisely, the underlying technique should accomplish your goal. Regards, Paul ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
