WordPress.org

Ready to get started?Download WordPress

Plugin Directory

IMG Mouseover

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

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)
Tags: ,

Requires: 2.9 or higher
Compatible up to: 3.0.5
Last Updated: 2014-3-20
Downloads: 19,014

Ratings

4 stars
4.2 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,2,2
100,1,1 100,1,1 50,2,1
0,1,0 75,4,3
100,1,1
100,4,4
100,2,2
100,1,1
50,4,2
0,1,0
50,2,1
100,1,1
100,2,2
100,1,1
100,1,1