Subversion Repositories Applications.papyrus

Rev

Rev 1422 | Blame | Compare with Previous | Last modification | View Log | RSS feed

/*
        Copyright (c) 2004-2006, The Dojo Foundation
        All Rights Reserved.

        Licensed under the Academic Free License version 2.1 or above OR the
        modified BSD license. For more information on Dojo licensing, see:

                http://dojotoolkit.org/community/licensing.shtml
*/



dojo.provide("dojo.widget.AnimatedPng");
dojo.require("dojo.widget.*");
dojo.require("dojo.widget.HtmlWidget");
dojo.widget.defineWidget("dojo.widget.AnimatedPng", dojo.widget.HtmlWidget, {isContainer:false, width:0, height:0, aniSrc:"", interval:100, _blankSrc:dojo.uri.moduleUri("dojo.widget", "templates/images/blank.gif"), templateString:"<img class=\"dojoAnimatedPng\" />", postCreate:function () {
        this.cellWidth = this.width;
        this.cellHeight = this.height;
        var img = new Image();
        var self = this;
        img.onload = function () {
                self._initAni(img.width, img.height);
        };
        img.src = this.aniSrc;
}, _initAni:function (w, h) {
        this.domNode.src = this._blankSrc;
        this.domNode.width = this.cellWidth;
        this.domNode.height = this.cellHeight;
        this.domNode.style.backgroundImage = "url(" + this.aniSrc + ")";
        this.domNode.style.backgroundRepeat = "no-repeat";
        this.aniCols = Math.floor(w / this.cellWidth);
        this.aniRows = Math.floor(h / this.cellHeight);
        this.aniCells = this.aniCols * this.aniRows;
        this.aniFrame = 0;
        window.setInterval(dojo.lang.hitch(this, "_tick"), this.interval);
}, _tick:function () {
        this.aniFrame++;
        if (this.aniFrame == this.aniCells) {
                this.aniFrame = 0;
        }
        var col = this.aniFrame % this.aniCols;
        var row = Math.floor(this.aniFrame / this.aniCols);
        var bx = -1 * col * this.cellWidth;
        var by = -1 * row * this.cellHeight;
        this.domNode.style.backgroundPosition = bx + "px " + by + "px";
}});