Old School Rollover image

  • I have two images, one is my “up” state and one is my “down” state. I’d like to insert the Up image into my page and have it as a link. When a user hovers their mouse over it, it switches to the Down image instead.

    A very basic rollover image link like the ones we used to use with a bit of javascript 20 years ago.

    I’ve managed to get an image to change on rollover by creating a div and setting a background image which switches on rollover using CSS, but I could make it into a link without putting some text over the top.

    Is there a way of creating a basic rollover image in WordPress which is also a link?

    I’ve tried various fancy plugins, but haven’t been able to find one to do something as basic as this.

Viewing 1 replies (of 1 total)

  • I’ve managed to get an image to change on rollover by creating a div and setting a background image which switches on rollover using CSS, but I could make it into a link without putting some text over the top.

    You probably meant you couldn’t make it into a link…

    Usually, the trick is to define a width and height for the area the anchor should cover.

    If that tip doesn’t help, please provide the URL of the page with the feature so I can take a look and help you.

Viewing 1 replies (of 1 total)
  • The topic ‘Old School Rollover image’ is closed to new replies.