vikingplugins

SVG AutoMotion makes it effortless to apply clean, performant animations to SVG graphics as they scroll into view — perfect for adding motion to brand logos, icons, and illustrations.
Key features: 
– Gutenberg block and shortcode support 
– Fade, rotate, scale, and slide effects 
– Adjustable animation duration 
– Lightweight, pure JavaScript (no dependencies) 
– Works with any SVG in your media library
<h3>Usage</h3>
<h3>Using the Gutenberg Block</h3>
<ol>
<li>Add a new block and search for SVG AutoMotion.</li>
<li>Select your SVG image from the Media Library.</li>
<li>Choose which animations to apply and set the animation duration.</li>
<li>Save or preview your post to see the animation in action.</li>
</ol>
See Screenshot 1 and Screenshot 2.
<h3>Using the Shortcode</h3>
You can also insert animations anywhere using the <code>[svg_automotion]</code> shortcode.
Basic example:
[svg_automotion src=”2025/10/automotionlogo.svg”]
You can combine multiple effects:
[svg_automotion src=”2025/10/automotionlogo.svg” fade=”true” slide=”true” rotate=”false” scale=”true” duration=”4000″]
Parameters: 
– <code>src</code> — relative or full URL path to your SVG file 
– <code>fade</code>, <code>rotate</code>, <code>scale</code>, <code>slide</code> — enable/disable each effect 
– <code>duration</code> — total animation time in milliseconds

SVG AutoMotion

Animate any SVG image as it comes into view. Bring your logos, icons, and illustrations to life with simple, automatic animations.

Bjørn Johansen

This is a WordPressified version of the excellent, lightweight (for real!) imageLightbox.js (MIT-licensed) by Osvaldas Valutis (http://osvaldas.info/image-lightbox-responsive-touch-friendly)
This is his introduction to the lightbox: 
“As for the image lightboxes, I have always lacked simplicity for them. I mean not only the visual design, but the overall experience: from implementation to UX. All due respect, but I have never liked any of these light-fancy-face-boxes. They all were solving problems that just don’t exist: lots of unwanted features by default, total mess in markup, no native behavior for touch screens. I was working on a project and needed an image lightbox that solves these problems. I needed a lightbox only for images, not video, text, and iframes at once. I made ImageLightbox.js.”
This version autodetects all links to image files and opens them in the lightbox.
For your “install, activate and go”-convenience, this plugin comes with a minimal CSS that easily can be deactivated and/or replaced.
The plugin can also be themed to your liking. An example theme is available here: https://github.com/bjornjohansen/imagelightbox-theme-smooth
Please let me know if you have any issues. Fastest way to get a response is by Twitter: https://twitter.com/bjornjohansen

imageLightbox

Image Lightbox, Responsive and Touch‑friendly.

SVG AutoMotion vs imageLightbox