Excellent, but newbies will struggle to figure it out

  • This plugin does just what I was looking for – a simple way to set up an image with a link to another location but which is replaced by another image (such as one containing descriptive text) when it is hovered over.

    However, the instructions are severely lacking for anyone who is unfamiliar with html and css. For the benefit of those who may struggle with it, here is the structure of the html code that you need for a basic effect:

    <a href="DESTINATION URL ON CLICK"><img class="mouseover" src="BASE IMAGE LOCATION URL" oversrc="ROLLOVER IMAGE LOCATION URL" /></a>

    Make the two images identical in size.

    This seems to work quite happily in a responsive theme and, on an Android phone at least, the hover effect happens when the image is clicked.

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

  • tnx. i’m a “newby” and this is just what i needed to get started.

    Some instructions would make this a great plugin

    shard2 – Hi, your code does work but not in all pages, it doesn’t work on one page in my site. Could you please help with solution?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Excellent, but newbies will struggle to figure it out’ is closed to new replies.