Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

    •  
      CommentAuthorAvean
    • CommentTimeAug 20th 2008
     permalink
    Is this possible entirely in CSS ? It is easily done with javascript but it creates 30 lines of code.
    Basicly what this does is swap image when user hovers over with his mouse.
    • CommentAuthordavist11
    • CommentTimeAug 20th 2008
     permalink
    Sure, CSS Sprites are the way to go. I actually have a demo page on my blog
    Thankful People: Avean
    •  
      CommentAuthorAvean
    • CommentTimeAug 21st 2008
     permalink
    Cool thanks :)
    •  
      CommentAuthorAvean
    • CommentTimeAug 24th 2008
     permalink
    Actually i need help making this work. Followed several examples and i think i got the idea but i must be missing something.
    Can anyone just give me an example on how to swap image with just 1 link ?

    I have 1 image i need to swap.
    • CommentAuthordavist11
    • CommentTimeAug 25th 2008
     permalink
    Avean-
    Look at the first example on the link that I sent you, with the download now button. That is using only 1 link. Do you have an example of what you have tried to do so far? Maybe that will help to see what you are doing wrong.

    Basically, you are combing the hover and non-hover state into 1 image, like this. Then, when you hover, you shift the background position so the other image is showing.
    Thankful People: Avean
    •  
      CommentAuthorAvean
    • CommentTimeAug 25th 2008 edited
     permalink
    Hi thanks for the help, i think your method works perfectly
Add your comments
    Username Password
  • Format comments as (Help)