Auto AnimateImage is WordPress plugin that applies AnimateImage script to your site automatically. AnimateImage displays multiple images continuously like animated GIF. All you have to do is write img element like below, and the image will be animated automatically. <img src="images/0.png" data-file
PricingFree downloadThe WordPress.org download is free. Pro versions, add-ons or external services may cost extra.
CompatibilityRequires WordPress 2.7.
SourceWordPress plugins · Oct 29, 2026
01 / Source details
Aboutthistool.
Auto AnimateImage is WordPress plugin that applies AnimateImage script to your site automatically. AnimateImage displays multiple images continuously like animated GIF. All you have to do is write img element like below, and the image will be animated automatically.
<img src="images/0.png" data-files="[0-9].png" />
As you know, animated GIF is the most common animation format, but it supports up to only 256 colors. There are some alternative animation formats such as APNG , MNG , JNG , Motion JPEG and SVG Animation . However they are currently not widely supported by Web browsers. That is why AnimateImage is the most appropriate method for animated images.
Auto AnimateImage Features
Automatically applies AnimateImage script to your site
All you have to do is write img elements. No JavaScript, No Shortcode, No Gallery.
Common options and animation styles can be customized via Settings screen
Compatible widely down to even obsolete WordPress 2.7
AnimateImage Features
Displays multiple images continuously like animated GIF. It supports sequential/arbitrary filenames.
Supports any image formats supported by Web browsers, such as GIF , PNG , JPEG , JPEG XR (HD Photo) , BMP , TIFF , WebP and SVG . Thereby transparent animation with more than 256 colors is available.
Many animation options are available, such as animation delay, repeat count, rewind, pause and blank image
img elements with data-files attribute are animated automatically. No need for writing JavaScript.
Animations are controllable by writing JavaScript. You can start/stop/replay them at any time.
Standalone script with 5.6 KB file size, without using JavaScript libraries such as jQuery
Supports Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera and their older versions
All you have to do is write img elements with data-files attribute, and the images will be animated automatically. You can animate multiple images with sequential number, zero-padded sequential number, sequential alphabet and arbitrary filenames.
AnimateImage supports many animation options such as animation delay, repeat count, rewind, pause and blank image. You can specify them with data-* attributes like below.
05Select original string and input its translation
06Save the file as “animateimage-[LANG].po”
“[LANG]” is a language code. For instance, “de_DE” is for German, “sv_SE” is for Swedish, “pt_BR” is for Portuguese spoken in Brazil. If you want to know your language code, see WordPress in Your Language . If you need more information, see Translating WordPress .
I would be grateful if you would send me any translation files. Here are the available translations included in the latest plugin.
Japanese (ja) translation by attosoft
If you have any questions, feel free to contact me .
See it in action
A closer look.
Auto AnimateImage Settings screen
02 / Source details
Gettingstarted.
Auto Install
01Access Dashboard screen in WordPress
02Select [Plugins] – [Add New]
03Input “AnimateImage” into text field, and click [Search Plugins]
04Click ‘Install Now’ at ‘Auto AnimateImage’
05Click ‘Activate Plugin’
06Write img elements with data-files attribute
Manual Install
07Download auto-animateimage.zip
08Access Dashboard screen in WordPress
09Select [Plugins] – [Add New] – ‘Upload’ tab
10Upload the plugin zip file, and click [Install Now]
11Click ‘Activate Plugin’
12Write img elements with data-files attribute
Manual Install via FTP
13Download auto-animateimage.zip , and unzip it
14Upload the plugin folder to the /wp-content/plugins/ directory
15Activate the plugin through the ‘Plugins’ menu in WordPress
16Write img elements with data-files attribute
Customization
Here is all available options at Auto AnimateImage Settings screen . You can customize common options and animation styles through the following options.
17General AnimateImage Script (Header or Footer)
Common Options
18Animation Delay
19Delay between Animation Cycles
20Repeat Count
21Rewind at the End of Animation
22Pause at First Image
23Pause at Last Image
24Show Blank Image between Animation Cycles
25Stretch Blank Image to the Size of Last Image
26Output img Elements when Using JavaScript Code
27Class Name (Animated Images)
28Class Name (Blank Image)
29File Path (Blank Image)
Styles (Animated Images / Blank Image)
30Background Color
31Margin
32Padding
33Border (Width / Style / Color)
34Border Radius
35Opacity
36Box Shadow
37Width / Height
38Max Width / Max Height
39Min Width / Min Height
03 / Source details
Frequently asked questions.
Auto AnimateImage does not work
First, make sure whether data-files attribute value is valid string format. Then check if any messages are output in error console.
Internet Explorer : Double-click the warning icon in status bar, or click [Tools] menu – [Developer Tools], or press [F12] key
Mozilla Firefox : Click [Firefox/Tools] menu – [Web Developer] – [Error Console], or press [Ctrl+Shift+J] key
Google Chrome : Click [Tools] menu – [JavaScript console], or press [Ctrl+Shift+J] key
Opera : Click [Opera] menu – [Page] – [Developer Tools] – [Error Console], or press [Ctrl+Shift+O] key
Safari (Mac) : Click [Develop] menu – [Show Error Console], or press [Option-Command-C] key Safari (Windows) : Click Page Menu Button – [Developer] – [Show Error Console], or press [Ctrl+Alt+C] key
Note: To enable the developer tools, click Advanced in Safari preferences and check “Show Develop menu in menu bar”
If the problem still persists, please send me your site URL via support forum or contact form .
Where is Auto AnimateImage Settings screen?
Access Dashboard screen in WordPress Click [Settings] – [Auto AnimateImage] in sidebar
How to localize the plugin into your language
You can localize the plugin with Poedit and “languages/animateimage.pot” file. See Localization for details.
How to use AnimateImage script from JavaScript
You can access AnimateImage features from AnimateImage namespace object.
AnimateImage.options.delay = 1000; AnimateImage.animate('images/[0-9].png'); var animator = new AnimateImage.Animator('images/[0-9].png'); animator.animate(); // animator.stopAnimate();
See AnimateImage official site for more information.
Website LLMs.txt and LLMs-Full.txt Generator is an LLMs.txt generator and llms-full.txt generator for WordPress. It helps site owners generate, manage, preview, validate, and serve AI discovery files from published public content. Use it to create structured /llms.txt and optional /llms-full.txt end
EngageDock AI is a customizable floating contact widget for WordPress websites that want more leads and faster visitor communication. It helps small businesses turn website traffic into calls, texts, emails, and callback requests from one clean contact panel. Key Features: Click-to-Call – One tap ca
Altify AI is an auto ALT text and AI ALT text plugin for WordPress images. It helps generate descriptive image ALT text for accessibility and image SEO. Use bulk image ALT text tools for your Media Library, generate featured image ALT text automatically, and scale WooCommerce image ALT updates with
The Accepted Payment Methods plugin is a straightforward, lightweight solution that enhances your website by displaying visually appealing icons of the payment methods you accept. This plugin is ideal for a variety of websites, including e-commerce platforms, service-oriented websites, and informati
