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.
- The topic ‘Excellent, but newbies will struggle to figure it out’ is closed to new replies.