ImagesLazyLoad 图片延迟加载效果
1.导入JS插件
?
程序说明
【获取图片】
先定义filter函数作为筛选程序：
?再用getSrc获取原图地址，即实际要显示的图片地址。
如果有自定义getSrc会优先使用。
没有的话，再通过保存原图地址的_attribute自定义属性从元素获取。
最后才直接从元素的src属性获取。接着排除src不存在的：return LazyLoad.prototype._setOptions.call(this, $$.extend({ ...}, $$.extend( options, { onLoadData: this._onLoadData})));?子类的_setOptions方法也覆盖了父类的方法，解决方法同_initialize。其中第一个参数是子类的可选属性，第二个参数是子类定义的属性，即不再是可选而是由程序来定义的属性。
总体来说，这是个简陋的继承，等以后积累了一定经验再来扩展吧。
使用技巧【设置src】
有几个方法可以设置原图地址：
1，正常设置src：渐进增强，不支持js时也能显示，但chrome和safari有bug，不支持这种方式；
2，把原图地址设置到自定义属性中：所有浏览器都兼容，但在不支持js时图片不能显示；
3，用自定义函数获取：使用在比较复杂的情况，需要手动设置。
具体还是要根据实际情况来选择。【设置holder】
如果使用了holder占位图，程序会自动设置图片元素显示占位图。
推荐使用loading图片来设置，但loading图往往跟原图的尺寸是不同的。
如果img设置了原图宽高，又想保持loading图的尺寸，把它设为背景就可以了。
但这样在ie下，不设置src默认会有一个小图标。
要去掉这个小图标可以设置holder为一个透明图片的链接，或者参考这里的TRANSPARENT“做”一个透明图片。
实例中也是这样设置的，可以参考一下。【执行程序】
千万不能在window.onload中执行，因为那时图片都已经加载完了。
而应该在容器后面（window的话是文档结尾）或DOMContentLoaded中执行。
