Skip to content

Commit 9e748a0

Browse files
committed
init commit
1 parent 65793c9 commit 9e748a0

File tree

1 file changed

+21
-21
lines changed

1 file changed

+21
-21
lines changed

src/lazyload.js

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
"use strict";
22
var Lazyload = function(elements,options){
33
var that = this;
4-
var settings = {
4+
this.settings = {
55
threshold : 0 , // 临界值
66
event : 'scroll' , // 事件类型
77
container : window, // 容器
@@ -11,41 +11,41 @@ var Lazyload = function(elements,options){
1111
}
1212

1313
for(var item in options){
14-
settings[item] = options[item];
14+
this.settings[item] = options[item];
1515
}
1616

1717
for(var i = 0 ; i < elements.length ; i++){
1818
var src = elements[i].getAttribute('src');
1919
if(!src || src == ''){
20-
elements[i].src = settings.placeholder;
20+
elements[i].src = this.settings.placeholder;
2121
}
22-
that.update(settings,elements[i]);
22+
that.update(elements[i]);
2323
}
2424

25-
settings.container.onscroll = function(){
25+
this.settings.container.onscroll = function(){
2626
for(var i = 0 ; i < elements.length ; i++){
27-
that.update(settings,elements[i]);
27+
that.update(elements[i]);
2828
}
2929
}
3030
}
3131

3232

3333
Lazyload.prototype = {
3434
// 判断是否触发图片更新
35-
update : function(setting,element){
36-
if(this.abovethetop(setting,element) && this.abovetheleft(setting,element)){
37-
setting.apper && setting.apper(element);
35+
update : function(element){
36+
if(this.abovethetop(element) && this.abovetheleft(element)){
37+
this.settings.apper && this.settings.apper(element);
3838
this.change(element);
3939
}
4040
},
4141
// 判断是否接近
42-
abovethetop : function(setting,element){
42+
abovethetop : function(element){
4343
var fold,
4444
containerHeight;
45-
if(element.getAttribute('src') != setting.placeholder){
45+
if(element.getAttribute('src') != this.settings.placeholder){
4646
return false;
4747
}
48-
if(setting.container == undefined || setting.container == window){
48+
if(this.settings.container == undefined || this.settings.container == window){
4949
if (window.pageYOffset) {
5050
fold = window.pageYOffset;
5151
}
@@ -54,19 +54,19 @@ Lazyload.prototype = {
5454
}
5555
containerHeight = document.documentElement.clientHeight
5656
}else{
57-
fold = setting.container.scrollTop;
58-
containerHeight = setting.container.clientHeight
57+
fold = this.settings.container.scrollTop;
58+
containerHeight = this.settings.container.clientHeight
5959
}
6060
fold = fold ? fold : 0;
61-
return fold + containerHeight + setting.threshold >= element.offsetTop;
61+
return fold + containerHeight + this.settings.threshold >= element.offsetTop;
6262
},
63-
abovetheleft : function(setting,element){
63+
abovetheleft : function(element){
6464
var fold,
6565
containerWidth;
66-
if(element.getAttribute('src') != setting.placeholder){
66+
if(element.getAttribute('src') != this.settings.placeholder){
6767
return false;
6868
}
69-
if(setting.container == undefined || setting.container == window){
69+
if(this.settings.container == undefined || this.settings.container == window){
7070
if (window.pageYOffset) {
7171
fold = window.pageXOffset;
7272
}
@@ -75,11 +75,11 @@ Lazyload.prototype = {
7575
}
7676
containerWidth = document.documentElement.clientWidth
7777
}else{
78-
fold = setting.container.scrollLeft;
79-
containerWidth = setting.container.clientWidth
78+
fold = this.settings.container.scrollLeft;
79+
containerWidth = this.settings.container.clientWidth
8080
}
8181
fold = fold ? fold : 0;
82-
return fold + containerWidth + setting.threshold >= element.offsetLeft;
82+
return fold + containerWidth + this.settings.threshold >= element.offsetLeft;
8383
},
8484
// 改变默认图片
8585
change : function(element){

0 commit comments

Comments
 (0)