var _gaq = _gaq || []; _gaq.push([\'_setAccount\', \'UA-13211647-1\']); _gaq.push([\'_trackPageview\']); (function() { var ga = document.createElement(\'script\'); ga.type = \'text/javascript\'; ga.async = true; ga.src = (\'https:\' == document.location.protocol ? \'https://ssl\' : \'http://www\') + \'.google-analytics.com/ga.js\'; var s = document.getElementsByTagName(\'script\')[0]; s.parentNode.insertBefore(ga, s); })();

AnimateImage 0.9 Released

AnimateImage version 0.9 is released.

Paused at first image
Paused at last image
Displayed blank image
Delayed between animation cycles

* The first is paused at the first image (0), the second is paused at the last image (9), the third displays blank image at the last, and the fourth is delayed by 2 seconds between animation cycles.

Introduction

AnimateImage is a JavaScript code which displays multiple images continuously like animated GIF.

* For more information, see AnimateImage Official Site.

Changes from Previous Version (0.8.3)

Changes on API

The APIs have accepted object literal ({ propertyName: value }). You can also use old APIs.

You had needed to specify all arguments between first and last one in older version,

animateImage('image[0-9].png', null, null, null, 1, true)

now you can specify only options that you want to change.

animateImage('image[0-9].png', { repeat: 1, rewind: true })

Added options

Added the following options.

options.alt
Alternative text. You can specify alt and title attribute separately, or specify only alt attribute.
options.attr
Arbitrary attributes to be added to img element, specified with object literal ({ attrName: value })
options.css
Arbitrary CSS properties to be applied to img element, specified with object literal ({ propName: value }). It supports DOM/CSS formatting names (ex. borderLeft/border-left).

And the following common options has been added to ‘options’, you can specify the different options for each animation.

  • Animations.pauseAtFirst
  • Animations.pauseAtLast
  • Animations.showBlank
  • Animations.cycleDelay
  • Animations.className

Download

animateImage.min.js
  • v0.9, 2012-08-19
  • Free license (for personal & non-commercial, donate to support)
  • Optimized and compressed code
animateImage.js
  • v0.9, 2012-08-19
  • Commercial license ($5.00)
  • Uncompressed code with comments
  • Paid support (technical questions, customization, etc.)

Past Releases

Post Tagged with

Leave a Reply

Your email address will not be published.