Simple image hover, just two images swapping when the mouse hovers

  • Hi all,

    Is there a simple way to create an image hover, with two images that swap over when the mouse hovers over the first image?

    I’ve been looking around, messing with CSS and various other things, but can’t seem to get it to work.

    The plugins in the repository don’t seem to be much help, as they all seem to be about tempting me to buy the pro version (at least the ones I’ve tried) and the version they offer is next to useless.

    I don’t need anything fancy, no additional text or anything else, I just need to go back to the 90s and swap two images.

Viewing 2 replies - 1 through 2 (of 2 total)

  • If you just wanted to have an image change with a mouse hover, then it could be done using CSS, just use the “:hover” tag and give it a new image. BUT this will not be able to change the other image. Of course if you merged the two images into one the you could do this.

    I think your real solution uses javascript, hooks the mouseover event function and change the image.

    Thread Starter HorrorUK

    (@horroruk)

    Thanks Ross. I was thinking I’d have to go into something like that, but luckily, I found this plugin:

    https://www.ads-software.com/plugins/wp-visual-slidebox-builder

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Simple image hover, just two images swapping when the mouse hovers’ is closed to new replies.