On 3/31/06, Mark D Hiatt <[EMAIL PROTECTED]> wrote: > This seems like it should be do-able. I just don't think I know how to do > it. And at the end of the day, maybe it isn't even advantageous and I > should revert back to the classic rollover with another image. > > 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? Think of a domino, with one dot at the > top and five dots on the bottom. One dot when the page loads, five dots > when you hover the link. Can the single image serve for both states of the > Link like that? 100x100 black and white on top, 100x100 full-on color on > the bottom. A single 100x200 image. Normal state: the 100x100 at the top > that is black and white. Hover over it, and the visible portion slides up > and the 100x100 on the bottom, the full-color image, is visible.
Wow, good timing. You are looking for MIR: ver 1: http://www.christianmontoya.com/2006/02/01/pure-css-image-rollover/ see it in action here: http://www.crawdaddays.com/ There is also ver 2, which still has some bugs, so if you need something fast use ver 1: http://temp.rdpdesign.com/mir/mirtest.html Of course, if you want to use background images, that's also an option, but a little less accessible. Enjoy. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com ______________________________________________________________________ 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/
