plugin-icon

IMG Mouseover

Embed a mouseover image into a regular image tag without resorting to hacky inline Javascript.
Ratings
4.6
Last updated
March 20, 2014
Version
1.4.2
Active installations
2K

This allows you to create a simple image mouseover feature by adding properties to an image:

It understands the following attributes which can be added to the HTML:

  • img.class=”mouseover” (activates IMG mouseover for this image)
  • img.oversrc (If specified, this rewrites the image on mouse rollover)
  • img.clicksrc (If specified, this rewrites the image on mouse click)
  • img.noresize (If set, this will make the image have the natural dimensions instead of the dimensions of the original image).
  • a.class=”mouseover” (activates A tag as a controller for another image, when clicked a class “selected” is tacked on)
  • a.for (Should be specified to point to target image. Image must be class mouseover)
  • a.for_link (If specified the ID of a link is replaced with this one)
  • a.src (If specified, the click will replace the image with this)
  • a.oversrc (If specified, the click will replace the image mouse rollover with this)
  • a.clicksrc (If specified, the click will replace the image mouse click with this)
Freeon Creator plan
Active installations
2K
Tested up to
3.0.5
This plugin is available for download to be used on your WordPress self-hosted installation.