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

techotronic

jQuery Tinytips

Adds tinytips tooltips to links on your site. Comes with different themes.

etruel

WPeBanOver

Show a small banner and on mouse event (over, out, click, dblclick) show another big or 2nd banner anywhere in your template, post, page or widget.

xeno010

WP-Syntax Effects

Adds a simple mouseover-effect for WP-Syntax. Expands the "Sourcecode"-Frame to the sourcecode length. So it's not needed to scroll, if …

Terry Chay

<p>This allows you to create a simple image mouseover feature by adding properties to an image:</p>
<p>It understands the following attributes which can be added to the HTML:</p>
<ul>
<li>img.class=”mouseover” (activates IMG mouseover for this image)</li>
<li>img.oversrc (If specified, this rewrites the image on mouse rollover)</li>
<li>img.clicksrc (If specified, this rewrites the image on mouse click)</li>
<li>img.noresize (If set, this will make the image have the natural dimensions instead of the dimensions of the original image).</li>
<li>a.class=”mouseover” (activates A tag as a controller for another image, when clicked a class “selected” is tacked on)</li>
<li>a.for (Should be specified to point to target image. Image must be class mouseover)</li>
<li>a.for_link (If specified the ID of a link is replaced with this one)</li>
<li>a.src (If specified, the click will replace the image with this)</li>
<li>a.oversrc (If specified, the click will replace the image mouse rollover with this)</li>
<li>a.clicksrc (If specified, the click will replace the image mouse click with this)</li>
</ul>


Alternatives to IMG Mouseover

Top alternatives