Home Plugins img mouseover
IMG Mouseover logo

IMG Mouseover

by Terry Chay on WordPress.org

Embed a mouseover image into a regular image tag without resorting to hacky inline Javascript.

(5)

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)
Active installations1K+
Weekly downloads
26-13.33%
Version1.4.2
Last updated11/28/2017
WordPress version2.9
Tested up to3.0.5
Tags
imagesmouseover