attosoft

<p>Auto AnimateImage is WordPress plugin that applies <a href="http://attosoft.info/en/blog/animate-image/" rel="nofollow ugc">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>
<pre><code><img src="images/0.png" data-files="[0-9].png" />
</code></pre>
<p>As you know, <a href="http://en.wikipedia.org/wiki/Animated_GIF" rel="nofollow ugc">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" rel="nofollow ugc">APNG</a>, <a href="http://en.wikipedia.org/wiki/MNG" rel="nofollow ugc">MNG</a>, <a href="http://en.wikipedia.org/wiki/JNG" rel="nofollow ugc">JNG</a>, <a href="http://en.wikipedia.org/wiki/Motion_JPEG" rel="nofollow ugc">Motion JPEG</a> and <a href="http://en.wikipedia.org/wiki/SVG_animation" rel="nofollow ugc">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>
<h4>Auto AnimateImage Features</h4>
<ul>
<li>Automatically applies <a href="http://attosoft.info/en/blog/animate-image/" rel="nofollow ugc">AnimateImage script</a> to your site</li>
<li>All you have to do is write <code>img</code> elements. No JavaScript, No Shortcode, No Gallery.</li>
<li>Common options and animation styles can be customized via <a href="screenshots/" rel="nofollow ugc">Settings screen</a></li>
<li>Compatible widely down to even obsolete WordPress 2.7</li>
</ul>
<h4>AnimateImage Features</h4>
<ul>
<li>Displays multiple images continuously like animated GIF. It supports sequential/arbitrary filenames.</li>
<li>Supports any image formats supported by Web browsers, such as <a href="http://en.wikipedia.org/wiki/GIF" rel="nofollow ugc">GIF</a>, <a href="http://en.wikipedia.org/wiki/Portable_Network_Graphics" rel="nofollow ugc">PNG</a>, <a href="http://en.wikipedia.org/wiki/JPEG" rel="nofollow ugc">JPEG</a>, <a href="http://en.wikipedia.org/wiki/JPEG_XR" rel="nofollow ugc">JPEG XR (HD Photo)</a>, <a href="http://en.wikipedia.org/wiki/BMP_file_format" rel="nofollow ugc">BMP</a>, <a href="http://en.wikipedia.org/wiki/TIFF" rel="nofollow ugc">TIFF</a>, <a href="http://en.wikipedia.org/wiki/WebP" rel="nofollow ugc">WebP</a> and <a href="http://en.wikipedia.org/wiki/SVG" rel="nofollow ugc">SVG</a>. Thereby transparent animation with more than 256 colors is available.</li>
<li>Many animation options are available, such as animation delay, repeat count, rewind, pause and blank image</li>
<li><code>img</code> elements  with <code>data-files</code> attribute are animated automatically. No need for writing JavaScript.</li>
<li>Animations are controllable by writing JavaScript. You can start/stop/replay them at any time.</li>
<li>Standalone script with 5.6 KB file size, without using JavaScript libraries such as jQuery</li>
<li>Supports Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera and their older versions</li>
</ul>
<h4>How to Install</h4>
<p>See <a href="installation/" rel="nofollow ugc">Installation</a>.</p>
<h4>How to Use</h4>
<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>
<pre><code><img src="sequential/0.png" data-files="[0-99].png" />
<img src="zero-padded/00.png" data-files="[00-99].png" />
<img src="lowercase/prefix-a.png" data-files="prefix-[a-z].png" />
<img src="uppercase/A_suffix.png" data-files="[A-Z]_suffix.png" />
<img src="arbitrary/foo.png" data-files="[foo, bar, baz].png" />
<img src="parent/child0/image.png" data-files="child[0-9]/file.png" />
</code></pre>
<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>
<pre><code><img src="" data-files=""
    title="" alt="" id="" class="" style=""
    data-delay="" data-cycleDelay=""
    data-repeat="" data-rewind=""
    data-pauseAtFirst="" data-pauseAtLast=""
    data-showBlank="" data-blankClassName=""
    data-blankPath="" data-stretchBlank="" />
</code></pre>
<p>See <a href="other_notes/#Code-Examples" rel="nofollow ugc">Code Examples</a> for more information.</p>
<h4>Support Me</h4>
<ul>
<li>To keep my motivation, put rating stars and vote compatibility (works/broken) via the right sidebar</li>
<li>If you have any questions, view <a href="https://wordpress.org/support/plugin/auto-animateimage" rel="ugc">support forum</a> or post a new topic</li>
<li>See <a href="other_notes/#Localization" rel="nofollow ugc">Localization</a> if you can translate the plugin into your language</li>
<li>I would be grateful if you would <a href="http://attosoft.info/en/donate/" rel="nofollow ugc">donate to support plugin development</a></li>
<li><a href="http://attosoft.info/en/contact/" rel="nofollow ugc">Contact me</a> if you have any feedback</li>
</ul>
<p>Any comments will be very helpful and appreciated. Thank you for your support!</p>
<h4>Links</h4>
<ul>
<li><a href="http://attosoft.info/en/" rel="nofollow ugc">attosoft.info</a></li>
<li><a href="http://attosoft.info/en/blog/animate-image/" rel="nofollow ugc">AnimateImage script</a></li>
<li><a href="http://attosoft.info/en/blog/auto-animateimage/" rel="nofollow ugc">Auto AnimateImage plugin</a></li>
</ul>
<h3>Code Examples</h3>
<h4>Example 1: Sequential Filenames</h4>
<pre><code><img src="sequential/0.png" data-files="[0-99].png" />
<img src="zero-padded/00.png" data-files="[00-99].png" />
<img src="zero-padded/000.png" data-files="[000-999].png" />
<img src="lowercase/prefix-a.png" data-files="prefix-[a-z].png" />
<img src="uppercase/A_suffix.png" data-files="[A-Z]_suffix.png" />
</code></pre>
<h4>Example 2: Arbitrary Filenames</h4>
<pre><code><img src="arbitrary/foo.png" data-files="[foo, bar, baz].png" />
<img src="arbitrary/foo.png" data-files="[foo.png, bar.jpg, baz.gif]" />
<img src="prefix-foo_suffix.png" data-files="prefix-[foo, bar, baz]_suffix.png" />
</code></pre>
<h4>Example 3: Format String in Directory Name</h4>
<pre><code><img src="parent/child/file0.png" data-files="file[0-9].png" />
<img src="parent/child0/image.png" data-files="child[0-9]/file.png" />
<img src="parent0/child/image.png" data-files="parent[0-9]/child/file.png" />
</code></pre>
<p>* <code>data-files</code> attribute is specified with filename or relative path to directory, including format string.</p>
<h4>Example 4: title/alt Attributes</h4>
<pre><code><img src="images/0.png" data-files="[0-9].png" title="foo" />
<img src="images/0.png" data-files="[0-9].png" title="foo" alt="bar" />
<img src="images/0.png" data-files="[0-9].png" alt="bar" />
</code></pre>
<p>* <code>alt</code> attribute with the value of <code>title</code> attribute will be added if not specified.</p>
<h4>Example 5: id/class Attributes</h4>
<pre><code><img src="images/0.png" data-files="[0-9].png" id="foo" />
<img src="images/0.png" data-files="[0-9].png" class="bar" />
<img src="images/0.png" data-files="[0-9].png" class="" />
</code></pre>
<p>* <code>class</code> attribute will be added if not specified. default <code>class</code> attribute value is <code>"animation"</code>.</p>
<h4>Example 6: delay/cycleDelay Options</h4>
<pre><code><img src="images/0.png" data-files="[0-9].png" data-delay="1000" />
<img src="images/0.png" data-files="[0-9].png" data-cycleDelay="2000" />
</code></pre>
<p>* In default, <code>delay</code> option is <code>500</code> ms and <code>cycleDelay</code> option is <code>0</code> ms.</p>
<h4>Example 7: repeat/rewind Options</h4>
<pre><code><img src="images/0.png" data-files="[0-9].png" data-repeat="1" />
<img src="images/0.png" data-files="[0-9].png" data-repeat="1" data-rewind="true" />
</code></pre>
<p>* In default, <code>repeat</code> option is <code>-1</code> (infinite iteration) and <code>rewind</code> option is <code>false</code>.</p>
<h4>Example 8: pauseAtFirst/Last Options</h4>
<pre><code><img src="images/0.png" data-files="[0-9].png" data-pauseAtFirst="true" />
<img src="images/0.png" data-files="[0-9].png" data-pauseAtLast="true" />
</code></pre>
<p>* In default, <code>pauseAtFirst</code> option is <code>false</code> and <code>pauseAtLast</code> option is <code>false</code>.</p>
<h4>Example 9: showBlank/blankClassName/blankPath/stretchBlank Options (Blank Image)</h4>
<pre><code><img src="images/0.png" data-files="[0-9].png" data-showBlank="true" />
<img src="images/0.png" data-files="[0-9].png" data-showBlank="true" data-blankClassName="foo" />
<img src="images/0.png" data-files="[0-9].png" data-showBlank="true" data-blankPath="blank.png" />
<img src="images/0.png" data-files="[0-9].png" data-showBlank="true" data-blankPath="logo.png" data-stretchBlank="false" />
</code></pre>
<p>* In default, <code>showBlank</code> option is <code>false</code> and <code>blankClassName</code> option is <code>"blank"</code>.</p>
<h4>Example 10: Arbitrary Attributes</h4>
<pre><code><img src="images/0.png" data-files="[0-9].png"
    width="100" height="100" longdesc="long description" />
</code></pre>
<h4>Example 11: Arbitrary CSS Properties</h4>
<pre><code><img src="images/0.png" data-files="[0-9].png"
    style="border: solid; border-top: dotted; border-bottom: dashed" /><h3>Localization</h3>
</code></pre>
<p>You can localize the plugin with <a href="http://www.poedit.net/" rel="nofollow ugc">Poedit</a>. Here is how to translate the plugin into your language.</p>
<ol>
<li><a href="http://www.poedit.net/download.php" rel="nofollow ugc">Download Poedit</a> and install it</li>
<li>Run Poedit and select your language</li>
<li>Input your name and mail address (optional)</li>
<li>Open “auto-animateimage/languages/animateimage.pot” file</li>
<li>Select original string and input its translation</li>
<li>Save the file as “animateimage-[LANG].po”</li>
</ol>
<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="https://codex.wordpress.org/WordPress_in_Your_Language" rel="nofollow ugc">WordPress in Your Language</a>. If you need more information, see <a href="https://codex.wordpress.org/Translating_WordPress" rel="nofollow ugc">Translating WordPress</a>.</p>
<p>I would be grateful if you would <a href="http://attosoft.info/en/contact/" rel="nofollow ugc">send me</a> any translation files. Here are the available translations included in the latest plugin.</p>
<ul>
<li>Japanese (ja) translation by <a href="http://attosoft.info/" rel="nofollow ugc">attosoft</a></li>
</ul>
<p>If you have any questions, feel free to <a href="http://attosoft.info/en/contact/" rel="nofollow ugc">contact me</a>.</p>


Auto AnimateImage

Automatically applies AnimateImage script that displays multiple images like animated GIF. All you have to do is write img elements.

aumsrini

<p><strong>RESPONSIVE SLIDESHOW SLIDER AND CAROUSEL PLUGIN</strong></p>
<p>Slideshow WP is 100% responsive and compatible with mobile, tablets, desktop computers and all modern web browsers which include i Phone, i Pad, Android, Chrome, Safari, Firefox, Opera.</p>
<p>You can insert this slide show slider to any Word Press post or pages. You can insert unlimited  sliders to the post or pages as you wish. Every slider can be configured with individual parameters.</p>
<p>All front end interface elements are highly customizable. For upload of the image you can use build in images manager with advanced functionality for upload, sorting and customizing of the slider images.</p>
<p>An Easy to use slide show slider plug-in which help you to include multiple sliders in your wordpress website or blog. Slideshow wp can be on your header, sidebar as widget or widget slider in footer or anywhere in your posts or pages.</p>
<p>If you need more features <a href="http://beeplugins.com/product/slideshow-wp-pro/" title="upgrade pro version" rel="nofollow ugc">Upgrade Pro Version</a> at very low cost.</p>
<p>We have created a light and user-friendly slider. Responsive back-end design will help to add images and create slides in minutes. The usage of the slide show wp  plugin is very easy, what you need is just to copy and paste the short-code of the slider into the Word Press post or page, there is no need to deal with any codes.</p>
<p>Slideshow WP is designed for everyone who wants to have the most stunning and attractive responsive slider .</p>
<p>Slideshow WP is fully responsive and mobile friendly. All your images will appear as beautiful sliders on your Word Press website. You may add unlimited slides , setup arrows, and make further customizations with the Pro version of the plugin. You can use short-codes with multiple word press plugins.slider slider has been tested with WordPress plugins and themes.</p>
<p>You can use slide show slider  plug-ins as carousel slide show,thumbnail slide show,logo slide show,portfolio slide show,testimonial slide show and more.</p>
<p>Slideshow WP – is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Designed mostly for iOS, but also works great on latest Android, Windows Phone 8 and modern Desktop browsers.</p>
<p><strong>Slider Lite Version Features:</strong></p>
<ul>
<li>Full Navigation Control</li>
<li>Most Flexible Slides </li>
<li>Full touch and swipe</li>
<li>Create Unlimited Sliders</li>
<li>2 Types Slider(Fullwidth and Carousel)</li>
<li>Sort Slides</li>
<li>Slide Title</li>
<li>Slide description</li>
<li>Auto generated shortcode(just copy and paste anywhere)</li>
<li>Run multiple slides in same page.</li>
<li>Free Mail Support</li>
</ul>
<p>If you need more features <a href="http://beeplugins.com/product/slideshow-wp-pro/" title="upgrade pro version" rel="nofollow ugc">Upgrade Pro Version</a> at very low cost.</p>
<p><strong>Pro Version Features</strong></p>
<ul>
<li>2 in slider (Images and Posts)</li>
<li>
<p>Post  category</p>
</li>
<li>
<p>Post ordered by date,title,random</p>
</li>
<li>
<p>Number of posts to show</p>
</li>
</ul>
<p><strong>Settings</strong></p>
<ul>
<li>
<p>Enable/Disable Title</p>
</li>
<li>
<p>Title Background Color</p>
</li>
<li>
<p>Title Text Color</p>
</li>
<li>
<p>Enable/Disable Autoplay</p>
</li>
<li>
<p>3 Animation</p>
</li>
<li>
<p>Animation Speed</p>
</li>
<li>
<p>Keyboard Control</p>
</li>
<li>
<p>5 Navigation Icons</p>
</li>
<li>
<p>Navigation color</p>
</li>
</ul>


Slideshow Wp

Slide-show WP Is a responsive slider with touch and swipe slider. Slideshow WP supports two types of slider like full width and carousel.

Auto AnimateImage vs Slideshow Wp