• 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.