At 07:58 AM 3/31/2006, Mark D Hiatt wrote: >I have a link with an image to click on to send you to another page. I >know how to create a rollover image and have that thrown up in CSS so that >it looks like the black and white image lights up when you hover over it. >Kewl. > >But I was thinking about this a little deeper and wondering if using a >single image might not be better?
Wow, talk about serendipity. (Christian, did you slip him a shilling to be your shill?) Mark, FYI here's an earlier rendition of this idea: CSS Sprites: Image Slicing's Kiss of Death by Dave Shea March 05, 2004 http://www.alistapart.com/articles/sprites/ (How to combine normal & hover states in the same image file) A consideration when using this technique is that a combined image is larger than either of its parts and therefore there can be a longer download time the first time the page loads. However, because every image file has a header, one file containing two images is going to be smaller than both images separately.* If they all have to download anyway, you might as well combine them in a single file. I've combined multiple sets of images in one file with a barely-noticeable initial delay even on dial-up. * An exception to this sum-is-smaller-than-the-parts rule occurs when one of the two images is significantly less rich than the other; for example toggling from black & white to color. A b&w image, or a very low-contrast image, can be much smaller than its brightly-colored counterpart. Still, I'd use the technique because it's easy and simple and eliminates scripting. Paul ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
