SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Thread: rollovers?

  1. #1
    SitePoint Wizard lukeurtnowski's Avatar
    Join Date
    Mar 2003
    Location
    Coronado
    Posts
    1,666
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    rollovers?

    I'm trying to figure out how to create image rollovers using nothing but CSS. So that the images appear grayscale and show in color when moused over and revert back to grayscale when non moused over.
    http://lvasp.com/provider_page.php?ID=9
    something like this...
    img .thumb {
    //grayscale
    }

    img .thumb:hover {
    //not grayscale
    }


    Thanks...
    "Oh, and Jenkins--apparently your mother died this morning."

  2. #2
    SitePoint Wizard
    Join Date
    Jul 2003
    Location
    Kent
    Posts
    1,921
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Do it exactly the same way you do other css rollovers, just make the required image grey in your image manipulation program.

  3. #3

  4. #4
    [Biped] LJK's Avatar
    Join Date
    Jun 2004
    Location
    In My Jammies
    Posts
    761
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi -
    Posted a quick example for you here .

    Hope it helps - did before Dr. John's post!

    [**EDIT** Typo fixed]

    El
    Last edited by LJK; Oct 17, 2006 at 19:23.
    F-Fox 2.0 :: WIN :: el design :: US

  5. #5
    SitePoint Wizard lukeurtnowski's Avatar
    Join Date
    Mar 2003
    Location
    Coronado
    Posts
    1,666
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    wow

    thank you
    "Oh, and Jenkins--apparently your mother died this morning."

  6. #6
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  7. #7
    SitePoint Zealot
    Join Date
    Oct 2006
    Posts
    113
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Awesome topic, cause I was looking at doing something simular. But much later after I have my site designed, LOL.

  8. #8
    Non-Member Webby007's Avatar
    Join Date
    Sep 2005
    Location
    UK, England
    Posts
    38
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thumbs up

    And this one...

    CSS/XHTML Rollovers using only one image!

    www.webdesignerforum.co.uk/index.php?showtopic=270


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •