Hover Image Change

Hi there,

Can you please help us with the URL of the domain that you are referring to? Coz. it seems a little unclear to me from here about what you are exactly trying to mean by ‘when different links are hovered over in a list in the main content area’

Look forward to your response.

Thanks,
Barb

Hi,

Try using http://wordpress.org/plugins/hover-image/ and see if you achieve the expected.

Note : It also depends upon the theme that you are using for your website.

Please update here for progress.

Thanks.
Barb

I’m quite new to the HTML & CSS scene, but this is how I would do it.

Insert the image you want to appear / change upon hover anywhere on the page.

HTML

<img class="cool-pic" alt="Ant Tylers Pic" src="http://yourwebsite.com/filelocation.png" width="50" height="48" />

CSS

.cool-pic:hover (a:hover if you're hovering over a link) {
background-image:url('http://yourwebsite.com/hoverimagefilelocation.png');
    width:50px;
  height:48px;
  position:relative;
  left: ???px ;
  bottom: ???px ;
}

My knowledge of HTML / CSS is quite limited, but I imagine this works 🙂

Feel free to correct me as well, we are all learning 🙂