Support » Fixing WordPress » Hover Image Change

  • Hi
    I’m working on a wp site and have a request to change an image in the right hand column when different links are hovered over in a list in the main content area. Any ideas on how I can do this? If you need more info just reply and I will respond.

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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
    The site is under development so I can’t post the url, I’m looking for a way to load an image when a link is hovered over. So I have a list of links and each link will load its own image on hover.
    Ant

    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

    Hi Barb
    Thanks for that, I’m going to try a css solution to keep it simple, I’ll update on here when I have something.
    Ant

    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 🙂

    Thought I’d point out, you’d obviously change the height / width figures to the size of your imagine, they’re just an example.

    Thanks Sam, I’m working along the same lines
    Ant

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Hover Image Change’ is closed to new replies.