.

root/res/zui/lib/imgready/imgready.js

@@ -0,0 +1,105 @@
+/* ========================================================================
+ * TangBin: image.ready.js
+ * http://www.planeart.cn/?p=1121
+ *
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * original version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * @version 2011.05.27
+ * @author  TangBin
+ * ======================================================================== */
+
+
+/*! TangBin: image.ready.js http://www.planeart.cn/?p=1121 */
+
+(function($) {
+    'use strict';
+
+    /**
+     * Image ready
+     * @param {String}  image url
+     * @param {Function}  callback on image ready
+     * @param {Function}  callback on image load
+     * @param {Function}  callback on error
+     * @example imgReady('image.png', function () {
+        alert('size ready: width=' + this.width + '; height=' + this.height);
+      });
+     */
+    $.zui.imgReady = (function() {
+        var list = [],
+            intervalId = null,
+
+            // 用来执行队列
+            tick = function() {
+                var i = 0;
+                for(; i < list.length; i++) {
+                    list[i].end ? list.splice(i--, 1) : list[i]();
+                }!list.length && stop();
+            },
+
+            // 停止所有定时器队列
+            stop = function() {
+                clearInterval(intervalId);
+                intervalId = null;
+            };
+
+        return function(url, ready, load, error) {
+            var onready, width, height, newWidth, newHeight,
+                img = new Image();
+
+            img.src = url;
+
+            // 如果图片被缓存，则直接返回缓存数据
+            if(img.complete) {
+                ready.call(img);
+                load && load.call(img);
+                return;
+            }
+
+            width = img.width;
+            height = img.height;
+
+            // 加载错误后的事件
+            img.onerror = function() {
+                error && error.call(img);
+                onready.end = true;
+                img = img.onload = img.onerror = null;
+            };
+
+            // 图片尺寸就绪
+            onready = function() {
+                newWidth = img.width;
+                newHeight = img.height;
+                if(newWidth !== width || newHeight !== height ||
+                    // 如果图片已经在其他地方加载可使用面积检测
+                    newWidth * newHeight > 1024
+                ) {
+                    ready.call(img);
+                    onready.end = true;
+                }
+            };
+            onready();
+
+            // 完全加载完毕的事件
+            img.onload = function() {
+                // onload在定时器时间差范围内可能比onready快
+                // 这里进行检查并保证onready优先执行
+                !onready.end && onready();
+
+                load && load.call(img);
+
+                // IE gif动画会循环执行onload，置空onload即可
+                img = img.onload = img.onerror = null;
+            };
+
+            // 加入队列中定期执行
+            if(!onready.end) {
+                list.push(onready);
+                // 无论何时只允许出现一个定时器，减少浏览器性能损耗
+                if(intervalId === null) intervalId = setInterval(tick, 40);
+            }
+        };
+    })();
+}(jQuery));
+

root/res/zui/lib/imgready/imgready.min.js

@@ -0,0 +1,2 @@
+/*! TangBin: image.ready.js http://www.planeart.cn/?p=1121 */
+!function(n){"use strict";n.zui.imgReady=function(){var n=[],l=null,e=function(){for(var l=0;l<n.length;l++)n[l].end?n.splice(l--,1):n[l]();!n.length&&o()},o=function(){clearInterval(l),l=null};return function(o,r,t,u){var c,i,a,d,f,h=new Image;return h.src=o,h.complete?(r.call(h),void(t&&t.call(h))):(i=h.width,a=h.height,h.onerror=function(){u&&u.call(h),c.end=!0,h=h.onload=h.onerror=null},c=function(){d=h.width,f=h.height,(d!==i||f!==a||d*f>1024)&&(r.call(h),c.end=!0)},c(),h.onload=function(){!c.end&&c(),t&&t.call(h),h=h.onload=h.onerror=null},void(c.end||(n.push(c),null===l&&(l=setInterval(e,40)))))}}()}(jQuery);