4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Image Mouse Over In Header??

by snowcloud
3 replies
  • WEB DESIGN
    • |
Is it possible to setup image mouse over properties for your header image. I would like my header to change to a similar yet slightly altered version of the image when you hover over it.
#header #image #mouse
  • Profile picture of the author Jonas B
    Yes its possible and not that hard at all!

    img#myheaderid {
    background-image: url("my-standard-image");
    }
    img#myheaderid:hover
    {
    background-image: url("my-new-image");
    }
    Signature
    Proud owner of the most flexible mobile app builder. Check it out at http://bit.ly/hybrica!
    Mobile Web Expert & Android Developer
    {{ DiscussionBoard.errors[5043274].message }}
  • Profile picture of the author snowcloud
    Thanks man I thought you needed an elaborate php code or something.

    I'm assuming I would find what you are speaking of inside the stylesheet.
    {{ DiscussionBoard.errors[5043325].message }}
    • Profile picture of the author Brandon Tanner
      Originally Posted by snowcloud View Post

      Thanks man I thought you needed an elaborate php code or something.

      I'm assuming I would find what you are speaking of inside the stylesheet.
      You would need to add that code yourself to the stylesheet. Just make sure you change "myheaderid" to the actual id of your header, and also change "my-standard-image" and "my-new-image" to the real names/locations of your images.
      Signature

      {{ DiscussionBoard.errors[6463998].message }}

Trending Topics