{"id":20000,"date":"2012-09-20T11:38:57","date_gmt":"2012-09-20T11:38:57","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/auto-animateimage\/"},"modified":"2012-09-23T09:09:11","modified_gmt":"2012-09-23T09:09:11","slug":"auto-animateimage","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/auto-animateimage\/","author":8275426,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.6","stable_tag":"trunk","tested":"3.4.2","requires":"2.7","requires_php":"","requires_plugins":"","header_name":"Auto AnimateImage","header_author":"attosoft","header_description":"","assets_banners_color":"979da5","last_updated":"2012-09-23 09:09:11","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/attosoft.info\/en\/donate\/","header_plugin_uri":"http:\/\/attosoft.info\/en\/blog\/auto-animateimage\/","header_author_uri":"http:\/\/attosoft.info\/en\/","rating":5,"author_block_rating":0,"active_installs":50,"downloads":9079,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":3},"assets_icons":[],"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":"601822","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1","0.2","0.3","0.4","0.5","0.6"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1566915","resolution":"1","location":"plugin"}},"screenshots":{"1":"Auto AnimateImage Settings screen"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[6782,785,719,611,208],"plugin_category":[50,59],"plugin_contributors":[79424],"plugin_business_model":[],"class_list":["post-20000","plugin","type-plugin","status-publish","hentry","plugin_tags-animated","plugin_tags-animation","plugin_tags-slide-show","plugin_tags-slider","plugin_tags-slideshow","plugin_category-media","plugin_category-utilities-and-tools","plugin_contributors-attosoft","plugin_committers-attosoft"],"banners":{"banner":"https:\/\/ps.w.org\/auto-animateimage\/assets\/banner-772x250.jpg?rev=601822","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/auto-animateimage_979da5.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/auto-animateimage\/trunk\/screenshot-1.png?rev=1566915","caption":"Auto AnimateImage Settings screen"}],"raw_content":"<!--section=description-->\n<p>Auto AnimateImage is WordPress plugin that applies <a href=\"http:\/\/attosoft.info\/en\/blog\/animate-image\/\">AnimateImage script<\/a> to your site automatically. AnimateImage displays multiple images continuously like animated GIF. All you have to do is write <code>img<\/code> element like below, and the image will be animated automatically.<\/p>\n\n<pre><code>&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" \/&gt;\n<\/code><\/pre>\n\n<p>As you know, <a href=\"http:\/\/en.wikipedia.org\/wiki\/Animated_GIF\">animated GIF<\/a> is the most common animation format, but it supports up to only 256 colors. There are some alternative animation formats such as <a href=\"http:\/\/en.wikipedia.org\/wiki\/APNG\">APNG<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/MNG\">MNG<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/JNG\">JNG<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/Motion_JPEG\">Motion JPEG<\/a> and <a href=\"http:\/\/en.wikipedia.org\/wiki\/SVG_animation\">SVG Animation<\/a>. However they are currently not widely supported by Web browsers. That is why AnimateImage is the most appropriate method for animated images.<\/p>\n\n<h4>Auto AnimateImage Features<\/h4>\n\n<ul>\n<li>Automatically applies <a href=\"http:\/\/attosoft.info\/en\/blog\/animate-image\/\">AnimateImage script<\/a> to your site<\/li>\n<li>All you have to do is write <code>img<\/code> elements. No JavaScript, No Shortcode, No Gallery.<\/li>\n<li>Common options and animation styles can be customized via <a href=\"screenshots\/\">Settings screen<\/a><\/li>\n<li>Compatible widely down to even obsolete WordPress 2.7<\/li>\n<\/ul>\n\n<h4>AnimateImage Features<\/h4>\n\n<ul>\n<li>Displays multiple images continuously like animated GIF. It supports sequential\/arbitrary filenames.<\/li>\n<li>Supports any image formats supported by Web browsers, such as <a href=\"http:\/\/en.wikipedia.org\/wiki\/GIF\">GIF<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/Portable_Network_Graphics\">PNG<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/JPEG\">JPEG<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/JPEG_XR\">JPEG XR (HD Photo)<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/BMP_file_format\">BMP<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/TIFF\">TIFF<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/WebP\">WebP<\/a> and <a href=\"http:\/\/en.wikipedia.org\/wiki\/SVG\">SVG<\/a>. Thereby transparent animation with more than 256 colors is available.<\/li>\n<li>Many animation options are available, such as animation delay, repeat count, rewind, pause and blank image<\/li>\n<li><code>img<\/code> elements  with <code>data-files<\/code> attribute are animated automatically. No need for writing JavaScript.<\/li>\n<li>Animations are controllable by writing JavaScript. You can start\/stop\/replay them at any time.<\/li>\n<li>Standalone script with 5.6 KB file size, without using JavaScript libraries such as jQuery<\/li>\n<li>Supports Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera and their older versions<\/li>\n<\/ul>\n\n<h4>How to Install<\/h4>\n\n<p>See <a href=\"installation\/\">Installation<\/a>.<\/p>\n\n<h4>How to Use<\/h4>\n\n<p>All you have to do is write <code>img<\/code> elements with <code>data-files<\/code> 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.<\/p>\n\n<pre><code>&lt;img src=\"sequential\/0.png\" data-files=\"[0-99].png\" \/&gt;\n&lt;img src=\"zero-padded\/00.png\" data-files=\"[00-99].png\" \/&gt;\n&lt;img src=\"lowercase\/prefix-a.png\" data-files=\"prefix-[a-z].png\" \/&gt;\n&lt;img src=\"uppercase\/A_suffix.png\" data-files=\"[A-Z]_suffix.png\" \/&gt;\n&lt;img src=\"arbitrary\/foo.png\" data-files=\"[foo, bar, baz].png\" \/&gt;\n&lt;img src=\"parent\/child0\/image.png\" data-files=\"child[0-9]\/file.png\" \/&gt;\n<\/code><\/pre>\n\n<p>AnimateImage supports many animation options such as animation delay, repeat count, rewind, pause and blank image. You can specify them with <code>data-*<\/code> attributes like below.<\/p>\n\n<pre><code>&lt;img src=\"\" data-files=\"\"\n    title=\"\" alt=\"\" id=\"\" class=\"\" style=\"\"\n    data-delay=\"\" data-cycleDelay=\"\"\n    data-repeat=\"\" data-rewind=\"\"\n    data-pauseAtFirst=\"\" data-pauseAtLast=\"\"\n    data-showBlank=\"\" data-blankClassName=\"\"\n    data-blankPath=\"\" data-stretchBlank=\"\" \/&gt;\n<\/code><\/pre>\n\n<p>See <a href=\"other_notes\/#Code-Examples\">Code Examples<\/a> for more information.<\/p>\n\n<h4>Support Me<\/h4>\n\n<ul>\n<li>To keep my motivation, put rating stars and vote compatibility (works\/broken) via the right sidebar<\/li>\n<li>If you have any questions, view <a href=\"http:\/\/wordpress.org\/support\/plugin\/auto-animateimage\">support forum<\/a> or post a new topic<\/li>\n<li>See <a href=\"other_notes\/#Localization\">Localization<\/a> if you can translate the plugin into your language<\/li>\n<li>I would be grateful if you would <a href=\"http:\/\/attosoft.info\/en\/donate\/\">donate to support plugin development<\/a><\/li>\n<li><a href=\"http:\/\/attosoft.info\/en\/contact\/\">Contact me<\/a> if you have any feedback<\/li>\n<\/ul>\n\n<p>Any comments will be very helpful and appreciated. Thank you for your support!<\/p>\n\n<h4>Links<\/h4>\n\n<ul>\n<li><a href=\"http:\/\/attosoft.info\/en\/\">attosoft.info<\/a><\/li>\n<li><a href=\"http:\/\/attosoft.info\/en\/blog\/animate-image\/\">AnimateImage script<\/a><\/li>\n<li><a href=\"http:\/\/attosoft.info\/en\/blog\/auto-animateimage\/\">Auto AnimateImage plugin<\/a><\/li>\n<\/ul>\n\n<h3>Code Examples<\/h3>\n\n<h4>Example 1: Sequential Filenames<\/h4>\n\n<pre><code>&lt;img src=\"sequential\/0.png\" data-files=\"[0-99].png\" \/&gt;\n&lt;img src=\"zero-padded\/00.png\" data-files=\"[00-99].png\" \/&gt;\n&lt;img src=\"zero-padded\/000.png\" data-files=\"[000-999].png\" \/&gt;\n&lt;img src=\"lowercase\/prefix-a.png\" data-files=\"prefix-[a-z].png\" \/&gt;\n&lt;img src=\"uppercase\/A_suffix.png\" data-files=\"[A-Z]_suffix.png\" \/&gt;\n<\/code><\/pre>\n\n<h4>Example 2: Arbitrary Filenames<\/h4>\n\n<pre><code>&lt;img src=\"arbitrary\/foo.png\" data-files=\"[foo, bar, baz].png\" \/&gt;\n&lt;img src=\"arbitrary\/foo.png\" data-files=\"[foo.png, bar.jpg, baz.gif]\" \/&gt;\n&lt;img src=\"prefix-foo_suffix.png\" data-files=\"prefix-[foo, bar, baz]_suffix.png\" \/&gt;\n<\/code><\/pre>\n\n<h4>Example 3: Format String in Directory Name<\/h4>\n\n<pre><code>&lt;img src=\"parent\/child\/file0.png\" data-files=\"file[0-9].png\" \/&gt;\n&lt;img src=\"parent\/child0\/image.png\" data-files=\"child[0-9]\/file.png\" \/&gt;\n&lt;img src=\"parent0\/child\/image.png\" data-files=\"parent[0-9]\/child\/file.png\" \/&gt;\n<\/code><\/pre>\n\n<p>&#042; <code>data-files<\/code> attribute is specified with filename or relative path to directory, including format string.<\/p>\n\n<h4>Example 4: title\/alt Attributes<\/h4>\n\n<pre><code>&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" title=\"foo\" \/&gt;\n&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" title=\"foo\" alt=\"bar\" \/&gt;\n&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" alt=\"bar\" \/&gt;\n<\/code><\/pre>\n\n<p>&#042; <code>alt<\/code> attribute with the value of <code>title<\/code> attribute will be added if not specified.<\/p>\n\n<h4>Example 5: id\/class Attributes<\/h4>\n\n<pre><code>&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" id=\"foo\" \/&gt;\n&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" class=\"bar\" \/&gt;\n&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" class=\"\" \/&gt;\n<\/code><\/pre>\n\n<p>&#042; <code>class<\/code> attribute will be added if not specified. default <code>class<\/code> attribute value is <code>\"animation\"<\/code>.<\/p>\n\n<h4>Example 6: delay\/cycleDelay Options<\/h4>\n\n<pre><code>&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" data-delay=\"1000\" \/&gt;\n&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" data-cycleDelay=\"2000\" \/&gt;\n<\/code><\/pre>\n\n<p>&#042; In default, <code>delay<\/code> option is <code>500<\/code> ms and <code>cycleDelay<\/code> option is <code>0<\/code> ms.<\/p>\n\n<h4>Example 7: repeat\/rewind Options<\/h4>\n\n<pre><code>&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" data-repeat=\"1\" \/&gt;\n&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" data-repeat=\"1\" data-rewind=\"true\" \/&gt;\n<\/code><\/pre>\n\n<p>&#042; In default, <code>repeat<\/code> option is <code>-1<\/code> (infinite iteration) and <code>rewind<\/code> option is <code>false<\/code>.<\/p>\n\n<h4>Example 8: pauseAtFirst\/Last Options<\/h4>\n\n<pre><code>&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" data-pauseAtFirst=\"true\" \/&gt;\n&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" data-pauseAtLast=\"true\" \/&gt;\n<\/code><\/pre>\n\n<p>&#042; In default, <code>pauseAtFirst<\/code> option is <code>false<\/code> and <code>pauseAtLast<\/code> option is <code>false<\/code>.<\/p>\n\n<h4>Example 9: showBlank\/blankClassName\/blankPath\/stretchBlank Options (Blank Image)<\/h4>\n\n<pre><code>&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" data-showBlank=\"true\" \/&gt;\n&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" data-showBlank=\"true\" data-blankClassName=\"foo\" \/&gt;\n&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" data-showBlank=\"true\" data-blankPath=\"blank.png\" \/&gt;\n&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\" data-showBlank=\"true\" data-blankPath=\"logo.png\" data-stretchBlank=\"false\" \/&gt;\n<\/code><\/pre>\n\n<p>&#042; In default, <code>showBlank<\/code> option is <code>false<\/code> and <code>blankClassName<\/code> option is <code>\"blank\"<\/code>.<\/p>\n\n<h4>Example 10: Arbitrary Attributes<\/h4>\n\n<pre><code>&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\"\n    width=\"100\" height=\"100\" longdesc=\"long description\" \/&gt;\n<\/code><\/pre>\n\n<h4>Example 11: Arbitrary CSS Properties<\/h4>\n\n<pre><code>&lt;img src=\"images\/0.png\" data-files=\"[0-9].png\"\n    style=\"border: solid; border-top: dotted; border-bottom: dashed\" \/&gt;&lt;h3&gt;Localization&lt;\/h3&gt;\n<\/code><\/pre>\n\n<p>You can localize the plugin with <a href=\"http:\/\/www.poedit.net\/\">Poedit<\/a>. Here is how to translate the plugin into your language.<\/p>\n\n<ol>\n<li><a href=\"http:\/\/www.poedit.net\/download.php\">Download Poedit<\/a> and install it<\/li>\n<li>Run Poedit and select your language<\/li>\n<li>Input your name and mail address (optional)<\/li>\n<li>Open \"auto-animateimage\/languages\/animateimage.pot\" file<\/li>\n<li>Select original string and input its translation<\/li>\n<li>Save the file as \"animateimage-[LANG].po\"<\/li>\n<\/ol>\n\n<p>\"[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 <a href=\"http:\/\/codex.wordpress.org\/WordPress_in_Your_Language\">WordPress in Your Language<\/a>. If you need more information, see <a href=\"http:\/\/codex.wordpress.org\/Translating_WordPress\">Translating WordPress<\/a>.<\/p>\n\n<p>I would be grateful if you would <a href=\"http:\/\/attosoft.info\/en\/contact\/\">send me<\/a> any translation files. Here are the available translations included in the latest plugin.<\/p>\n\n<ul>\n<li>Japanese (ja) translation by <a href=\"http:\/\/attosoft.info\/\">attosoft<\/a><\/li>\n<\/ul>\n\n<p>If you have any questions, feel free to <a href=\"http:\/\/attosoft.info\/en\/contact\/\">contact me<\/a>.<\/p>\n\n<!--section=installation-->\n<h4>Auto Install<\/h4>\n\n<ol>\n<li>Access Dashboard screen in WordPress<\/li>\n<li>Select [Plugins] - [Add New]<\/li>\n<li>Input \"AnimateImage\" into text field, and click [Search Plugins]<\/li>\n<li>Click 'Install Now' at 'Auto AnimateImage'<\/li>\n<li>Click 'Activate Plugin'<\/li>\n<li>Write <code>img<\/code> elements with <code>data-files<\/code> attribute<\/li>\n<\/ol>\n\n<h4>Manual Install<\/h4>\n\n<ol>\n<li>Download <a href=\"http:\/\/downloads.wordpress.org\/plugin\/auto-animateimage.zip\">auto-animateimage.zip<\/a><\/li>\n<li>Access Dashboard screen in WordPress<\/li>\n<li>Select [Plugins] - [Add New] - 'Upload' tab<\/li>\n<li>Upload the plugin zip file, and click [Install Now]<\/li>\n<li>Click 'Activate Plugin'<\/li>\n<li>Write <code>img<\/code> elements with <code>data-files<\/code> attribute<\/li>\n<\/ol>\n\n<h4>Manual Install via FTP<\/h4>\n\n<ol>\n<li>Download <a href=\"http:\/\/downloads.wordpress.org\/plugin\/auto-animateimage.zip\">auto-animateimage.zip<\/a>, and unzip it<\/li>\n<li>Upload the plugin folder to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<li>Write <code>img<\/code> elements with <code>data-files<\/code> attribute<\/li>\n<\/ol>\n\n<h4>Customization<\/h4>\n\n<p>Here is all available options at <a href=\"..\/screenshots\/\">Auto AnimateImage Settings screen<\/a>. You can customize common options and animation styles through the following options.<\/p>\n\n<ul>\n<li>General\n\n<ul>\n<li>AnimateImage Script (Header or Footer)<\/li>\n<\/ul><\/li>\n<li>Common Options\n\n<ul>\n<li>Animation Delay<\/li>\n<li>Delay between Animation Cycles<\/li>\n<li>Repeat Count<\/li>\n<li>Rewind at the End of Animation<\/li>\n<li>Pause at First Image<\/li>\n<li>Pause at Last Image<\/li>\n<li>Show Blank Image between Animation Cycles<\/li>\n<li>Stretch Blank Image to the Size of Last Image<\/li>\n<li>Output img Elements when Using JavaScript Code<\/li>\n<li>Class Name (Animated Images)<\/li>\n<li>Class Name (Blank Image)<\/li>\n<li>File Path (Blank Image)<\/li>\n<\/ul><\/li>\n<li>Styles (Animated Images \/ Blank Image)\n\n<ul>\n<li>Background Color<\/li>\n<li>Margin<\/li>\n<li>Padding<\/li>\n<li>Border (Width \/ Style \/ Color)<\/li>\n<li>Border Radius<\/li>\n<li>Opacity<\/li>\n<li>Box Shadow<\/li>\n<li>Width \/ Height<\/li>\n<li>Max Width \/ Max Height<\/li>\n<li>Min Width \/ Min Height<\/li>\n<\/ul><\/li>\n<\/ul>\n\n<!--section=faq-->\n<dl>\n<dt>Auto AnimateImage does not work<\/dt>\n<dd><p>First, make sure whether <code>data-files<\/code> attribute value is valid string format. Then check if any messages are output in error console.<\/p>\n\n<ul>\n<li><strong>Internet Explorer<\/strong>: Double-click the warning icon in status bar, or click [Tools] menu - [Developer Tools], or press [F12] key<\/li>\n<li><strong>Mozilla Firefox<\/strong>: Click [Firefox\/Tools] menu - [Web Developer] - [Error Console], or press [Ctrl+Shift+J] key<\/li>\n<li><strong>Google Chrome<\/strong>: Click [Tools] menu - [JavaScript console], or press [Ctrl+Shift+J] key<\/li>\n<li><strong>Opera<\/strong>: Click [Opera] menu - [Page] - [Developer Tools] - [Error Console], or press [Ctrl+Shift+O] key<\/li>\n<li><strong>Safari (Mac)<\/strong>: Click [Develop] menu - [Show Error Console], or press [Option-Command-C] key\n\n<ul>\n<li><strong>Safari (Windows)<\/strong>: Click Page Menu Button - [Developer] - [Show Error Console], or press [Ctrl+Alt+C] key<\/li>\n<li>Note: To enable the developer tools, click Advanced in Safari preferences and check \"Show Develop menu in menu bar\"<\/li>\n<\/ul><\/li>\n<\/ul>\n\n<p>If the problem still persists, please send me your site URL via <a href=\"http:\/\/wordpress.org\/support\/plugin\/auto-animateimage\">support forum<\/a> or <a href=\"http:\/\/attosoft.info\/en\/contact\/\">contact form<\/a>.<\/p><\/dd>\n<dt>Where is Auto AnimateImage Settings screen?<\/dt>\n<dd><ol>\n<li>Access Dashboard screen in WordPress<\/li>\n<li>Click [Settings] - [Auto AnimateImage] in sidebar<\/li>\n<\/ol><\/dd>\n<dt>How to localize the plugin into your language<\/dt>\n<dd><p>You can localize the plugin with <a href=\"http:\/\/www.poedit.net\/\">Poedit<\/a> and \"languages\/animateimage.pot\" file. See <a href=\"..\/other_notes\/#Localization\">Localization<\/a> for details.<\/p><\/dd>\n<dt>How to use AnimateImage script from JavaScript<\/dt>\n<dd><p>You can access AnimateImage features from <code>AnimateImage<\/code> namespace object.<\/p>\n\n<pre><code>AnimateImage.options.delay = 1000;\n\nAnimateImage.animate('images\/[0-9].png');\n\nvar animator = new AnimateImage.Animator('images\/[0-9].png');\nanimator.animate();\n\/\/ animator.stopAnimate();\n<\/code><\/pre>\n\n<p>See <a href=\"http:\/\/attosoft.info\/en\/blog\/animate-image\/\">AnimateImage official site<\/a> for more information.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>Latest Version<\/h4>\n\n<h4>0.6<\/h4>\n\n<ul>\n<li>NEW: \"File Path (Blank Image)\" option in \"Common Options\"\n\n<ul>\n<li>Blank image was specified with <code>data:url<\/code> that is not supported by IE7 or earlier. That is why the plugin uses <code>images\/blank.gif<\/code> as default blank image. You can upload arbitrary image with Media Uploader.<\/li>\n<\/ul><\/li>\n<li>NEW: \"Stretch Blank Image to the Size of Last Image\" option in \"Common Options\"<\/li>\n<li>UPDATED: <a href=\"http:\/\/attosoft.info\/en\/blog\/animateimage-1-1-3\/\">AnimateImage v1.1.3<\/a><\/li>\n<\/ul>\n\n<h4>0.5<\/h4>\n\n<ul>\n<li>NEW: \"Styles (Animated Images \/ Blank Image)\" meta box in Settings screen. Animation styles can be customized via Settings screen.\n\n<ul>\n<li>Background Color<\/li>\n<li>Margin<\/li>\n<li>Padding<\/li>\n<li>Border (Width \/ Style \/ Color)<\/li>\n<li>Border Radius<\/li>\n<li>Opacity<\/li>\n<li>Box Shadow<\/li>\n<li>Width \/ Height<\/li>\n<li>Max Width \/ Max Height<\/li>\n<li>Min Width \/ Min Height<\/li>\n<\/ul><\/li>\n<\/ul>\n\n<h4>0.4<\/h4>\n\n<ul>\n<li>NEW: \"Common Options\" meta box in Settings screen. AnimateImage common options can be customized via Settings screen.\n\n<ul>\n<li>Animation Delay<\/li>\n<li>Delay between Animation Cycles<\/li>\n<li>Repeat Count<\/li>\n<li>Rewind at the End of Animation<\/li>\n<li>Pause at First Image<\/li>\n<li>Pause at Last Image<\/li>\n<li>Show Blank Image between Animation Cycles<\/li>\n<li>Output img Elements when Using JavaScript Code<\/li>\n<li>Class Name (Animated Images)<\/li>\n<li>Class Name (Blank Image)<\/li>\n<\/ul><\/li>\n<\/ul>\n\n<h4>0.3<\/h4>\n\n<ul>\n<li>NEW: Auto AnimateImage Settings screen\n\n<ul>\n<li>General - AnimateImage Script - Header \/ Footer<\/li>\n<li>About (links to plugin site, rating, support forum, localization, donation and contact form)<\/li>\n<\/ul><\/li>\n<\/ul>\n\n<h4>0.2<\/h4>\n\n<ul>\n<li>NEW: Localization support<\/li>\n<li>NEW: Compatibility with obsolete WordPress 2.7<\/li>\n<li>UPDATED: Added Japanese (ja) translation<\/li>\n<\/ul>\n\n<h4>0.1<\/h4>\n\n<ul>\n<li>Initial release with <a href=\"http:\/\/attosoft.info\/en\/blog\/animate-image\/\">AnimateImage<\/a> v1.1.1<\/li>\n<\/ul>","raw_excerpt":"Automatically applies AnimateImage script that displays multiple images like animated GIF. All you have to do is write img elements.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/20000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=20000"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/attosoft"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=20000"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=20000"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=20000"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=20000"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=20000"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=20000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}