简单的图片预加载

前端应用 Views
有时候图片懒得处理,但是又不想放上去卡半天不动,这时候咋办呢?其实稍微熟悉点js就应该可以想到,批量替换的手法,下面我简单分享一个例子...

有时候图片懒得处理,但是又不想放上去卡半天不动,这时候咋办呢?其实稍微熟悉点js就应该可以想到,批量替换的手法,下面我简单分享一个例子...使用该例子记得先引用jQuery核心js文件

http://bing-net.cn/templates/default/js/jquery-1.7.2.min.js

//html代码:《img src="yyy.jpg" data-src="yyy.jpg" /》
//图片懒加载
function lazyLoad() {
                jQuery.fn.lazyImg = {
                    start: function () {
                        var imgs = document.images;
                        for (var k = 0, kk = imgs.length; k < kk; k++) {
                            var src = imgs[k].getAttribute('data-src');
                            if (imgs[k] && src) {
                                imgs[k].src = src;
                            }
                        }
                    }
                };
                jQuery(window).on('load', function () {
                    jQuery.fn.lazyImg.start();
                });
            }
 if (!window.asyncJQ) {                
                lazyLoad();
            } else {
               
            }
评论 --
  • 消灭零回复