IMG Mouseover

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

Author:tychay (profile at wordpress.org)
WordPress version required:2.9
WordPress version tested:3.0.5
Plugin version:1.4.2
Added to WordPress repository:13-02-2010
Last updated:20-03-2014
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:92
Rated by:5
Plugin URI:http://terrychay.com/wordpress-plugins/img-mo...
Total downloads:46 215
Active installs:2 000+
plugin download
Click to start download

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)

FAQ
ChangeLog