douglaskarr

srcoley

<p>A widgetized plugin that puts an image rotator on your theme in any sidebar. You can choose from three different transitions: linear, loop, and fade. In the widget settings you have the ability to set the transition speed, apply nofollow if linked, open links in a new window, upload/select images to add to the Image Rotator, and to drag & drop to reorder the order you want the images to appear. Or you can set randomize and each time the widget loads it will start with a random image and work its way through your array. Watch the video below for a short demonstration of workflow.</p>
<p><iframe loading="lazy" title="Image Rotator Widget Settings Workflow" width="750" height="563" src="https://www.youtube.com/embed/D7YMN8b0Olg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>Features include:</p>
<ul>
<li>Uses the WordPress Media Uploader to upload or select images</li>
<li>Options to make the image link to another page and even in a new window</li>
<li>Choose from three different smooth transitions</li>
<li>Set the transition speed</li>
<li>Drag & drop to order the images or set to random to have them loaded in a different order each time</li>
<li>Apply rel=“nofollow” for search engine optimization</li>
<li>Use the Image Rotator Widget multiple times on the same page</li>
<li>Works with modern versions of Chrome, Safari, Firefox, and Internet Explorer</li>
<li>Includes <code>jQuery</code>.<code>qtip</code> and <code>jQuery</code>.<code>imagesLoaded</code></li>
</ul>
<h4>About</h4>
<p>The Image Rotator Widget was originally developed by Stephen Coley for <a href="http://dknewmedia.com" rel="nofollow ugc">DK New Media</a>, the makers of <a href="http://www.circupress.com/" rel="nofollow ugc">CircuPress</a>, a newsletter plugin for WordPress, and publishers of the <a href="https://www.marketingtechblog.com/" rel="nofollow ugc">Marketing Technology Blog</a>.</p>


Image Rotator Widget

A sidebar widget for rotating and displaying images in your sidebar, allowing you to loop, set the speed, target a new window if linked, and even rand …

eleopard

<p>Add cool CSS3 animations to your content.</p>
<p><a href="https://eleopardsolutions.com/animate-it-documentation-wordpress/" title="Demo" rel="nofollow ugc">Demo</a> | <a href="https://eleopardsolutions.com/animate-it-documentation-wordpress/" title="Documentation" rel="nofollow ugc">Documentation</a> | <a href="https://eleopardsolutions.com/animate-it-class-generator/" title="Class Generator" rel="nofollow ugc">Class Generator</a></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/JKRn6NUM-i4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Some of the Key features Include:</p>
<ul>
<li>Allowing user to apply CSS3 animations on Post, Widget and Pages.</li>
<li>50+ Entry, Exit and Attention Seeker Animations.</li>
<li>Capability to apply animation on Scroll.</li>
<li>Capability to add different scroll offset on individual animation blocks.</li>
<li>Capability to apply animation on Click.</li>
<li>Capability to apply animation on Hover.</li>
<li>Providing delay feature in animation to create a nice animation sequence.</li>
<li>Providing feature to control the duration for a more precise animation.</li>
<li>Providing a button in the editor to easily add an animation block in the article or post.</li>
<li>Allow user to add animation on WordPress widgets. Use <a href="https://eleopardsolutions.com/animate-it-class-generator/" rel="nofollow ugc">Class Generator</a> to generate the required animation classes. </li>
<li>Allow user to apply animation infinitely or any fixed number of times.</li>
<li>Option to add custom CSS classes to individual animation block.</li>
<li>Options to enable or disable animations on Smartphones and Tablets.</li>
<li>Spanish and German language support. Thanks to Santiago Marrone, Christian Herrmann </li>
<li>Custom Animate It! block to apply animations on other Gutenberg blocks.</li>
</ul>
<p>All the CSS3 animations are from <a href="http://daneden.github.io/animate.css/" title="Animate.css" rel="nofollow ugc">Animate.css</a> and <a href="http://labs.bigroomstudios.com/libraries/animo-js" title="Animo.js" rel="nofollow ugc">Animo.js</a></p>


Animate It!

Add cool CSS3 animations to your content.

Image Rotator Widget vs Animate It!