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>


Hoverswap

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

WPClever

<p>A picture is worth a thousand words. With WPC Product Image Swap, sellers can amplify the power of pictures even more impressively. It presents products in a visually engaging way to customers by offering attention-drawing swapping effects for images of products on archive/shop pages or special product listings.</p>
<p>Image swap helps visitors of your site get a quick preview of products and available options without leaving the current page. With fewer clicks or less navigation back and forth, customers are encouraged to make decisions faster. This can effectively engage visitors and quickly put them into the position of choosing products to buy rather than just a mere stroll on your site.</p>
<p>How smooth it can be is relatively dependent on the image file size and the number of images used in the gallery for your products. It’s possible to limit the number of images to be swapped so that the animation can perform fast and not affect your site loading speed.</p>
<h4>Live demo</h4>
<p>Visit our <a href="https://demo.wpclever.net/wpckid/" title="live demo" rel="nofollow ugc">live demo</a> here to see how this plugin works.</p>
<h4>Advantages of using swapping effects for image gallery on archive/shop pages</h4>
<ul>
<li>Grab attention to products better & faster</li>
<li>Save clicks & less navigation</li>
<li>Dynamically showcase options/finishes/colors</li>
<li>Engage visitors and customers effectively</li>
<li>Help customers decide and compare options faster</li>
</ul>
<h4>Key features</h4>
<ul>
<li>Styles: Basic (swap) or Slider (Premium)</li>
<li>27+ swapping effects: fade, bounce, flip, rotate, roll, zoom, slide, etc.</li>
<li>Configure IN and OUT animation styles storewide</li>
<li>Enable/disable swapping effects on mobile devices</li>
<li>Configure swapping effects at the product level</li>
<li>Choose a custom set of pictures to be swapped for each product</li>
<li>Diverse animations, smooth transitions that can work on most themes</li>
<li>Compatible with common WP themes and WooCommerce add-ons</li>
</ul>


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.

Hoverswap vs WPC Product Image Swap for WooCommerce