Swaps the content of a tag with the content of its title when the user hovers over it.

sevenspark

Menu Swapper

The Menu Swapper allows you to register custom theme locations and easily swap menus on individual Pages or Posts.

WPClever

WPC Product Image Swap for WooCommerce

It presents products visually engagingly to customers by offering attention-drawing swapping effects for images of products on archive/shop pages.

Themosaurus

Member Swipe for BuddyPress

Swipe through your BuddyPress members with a flick of your finger!

CryoutCreations

Cryout Theme Switch

Quickly and easily swap between themes. Adds a theme switcher to WordPress Admin Bar with parent/child themes, filtering and favorites list.

Remote Post Swap

Swap local development post data out with live/remote post data on the fly

Randy Hunt

<p>On my language-learning blog, I have a feature that shows a translation inline by swapping out text when the mouse rolls over it. It’s very handy, and it occurred to me that I should make it a plugin, so other people can use it too!</p>
<p>Hoverswap allows you to create swapping elements, whose content is swapped for its title when the user hovers over them.</p>
<p>Excellent for foreign language learning and translation web sites.</p>
<h4>Use</h4>
<p>Version 1.0 has no configuration. That will be added later.<br />
For now, in order to use the plugin, you create an EM tag containing the text you want to be active, and then you put the text for its hover state into     its title attribue.</p>
<p>Then, to ensure that only the text you WANT to be swapped gets swapped, you must wrap that in an element of the class “translate”.</p>
<p>One example implementation would be create the following unordered list:<br />
<UL class=”translate”><br />
<LI><EM title=”How are you?”>Como estas?</EM></LI><br />
</UL></p>
<h4>Features</h4>
<ul>
<li>Add the “translate” class to a containing element, such as a blockquote or a ul tag. Then, any em tags with a title attribute will automatically swap their content for the title when you move the mouse over them.</li>
</ul>
<h4>Planned features:</h4>
<ul>
<li>Allow any tag or classname to be specified as the containing element.</li>
<li>Allow any tag or classname to be specified as the translate element.</li>
</ul>


Alternatives to Hoverswap

Top alternatives