mirror of https://github.com/toddmotto/echo.git
i-like-robots
11 years ago
4 changed files with 136 additions and 94 deletions
@ -1,52 +1,71 @@
|
||||
/*! Echo v1.4.0 | (c) 2013 @toddmotto | MIT license | github.com/toddmotto/echo */ |
||||
window.Echo = (function (window, document, undefined) { |
||||
/*! Echo v1.4.0 | (c) 2014 @toddmotto | MIT license | github.com/toddmotto/echo */ |
||||
(function (name, context, definition) { |
||||
|
||||
'use strict'; |
||||
|
||||
var store = [], offset, throttle, poll; |
||||
if (typeof define === 'function' && define.amd) { |
||||
define(definition); |
||||
} |
||||
else if (typeof module !== 'undefined' && module.exports) { |
||||
module.exports = definition(); |
||||
} |
||||
else { |
||||
context[name] = definition(); |
||||
} |
||||
})('Echo', this, function() { |
||||
|
||||
var _inView = function (el) { |
||||
var coords = el.getBoundingClientRect(); |
||||
return ((coords.top >= 0 && coords.left >= 0 && coords.top) <= (window.innerHeight || document.documentElement.clientHeight) + parseInt(offset)); |
||||
}; |
||||
'use strict'; |
||||
|
||||
function Echo() { |
||||
|
||||
var store = [], offset, throttle, poll; |
||||
|
||||
var _inView = function (el) { |
||||
var coords = el.getBoundingClientRect(); |
||||
return ((coords.top >= 0 && coords.left >= 0 && coords.top) <= (window.innerHeight || document.documentElement.clientHeight) + parseInt(offset)); |
||||
}; |
||||
|
||||
var _pollImages = function () { |
||||
for (var i = store.length; i--;) { |
||||
var self = store[i]; |
||||
if (_inView(self)) { |
||||
self.src = self.getAttribute('data-echo'); |
||||
store.splice(i, 1); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
var _throttle = function () { |
||||
clearTimeout(poll); |
||||
poll = setTimeout(_pollImages, throttle); |
||||
}; |
||||
|
||||
var init = function (obj) { |
||||
var nodes = document.querySelectorAll('[data-echo]'); |
||||
var opts = obj || {}; |
||||
offset = opts.offset || 0; |
||||
throttle = opts.throttle || 250; |
||||
|
||||
var _pollImages = function () { |
||||
for (var i = store.length; i--;) { |
||||
var self = store[i]; |
||||
if (_inView(self)) { |
||||
self.src = self.getAttribute('data-echo'); |
||||
store.splice(i, 1); |
||||
for (var i = 0; i < nodes.length; i++) { |
||||
store.push(nodes[i]); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
var _throttle = function () { |
||||
clearTimeout(poll); |
||||
poll = setTimeout(_pollImages, throttle); |
||||
}; |
||||
|
||||
var init = function (obj) { |
||||
var nodes = document.querySelectorAll('[data-echo]'); |
||||
var opts = obj || {}; |
||||
offset = opts.offset || 0; |
||||
throttle = opts.throttle || 250; |
||||
|
||||
for (var i = 0; i < nodes.length; i++) { |
||||
store.push(nodes[i]); |
||||
} |
||||
|
||||
_throttle(); |
||||
|
||||
if (document.addEventListener) { |
||||
window.addEventListener('scroll', _throttle, false); |
||||
} else { |
||||
window.attachEvent('onscroll', _throttle); |
||||
} |
||||
}; |
||||
|
||||
return { |
||||
init: init, |
||||
render: _throttle |
||||
}; |
||||
|
||||
})(window, document); |
||||
|
||||
_throttle(); |
||||
|
||||
if (document.addEventListener) { |
||||
window.addEventListener('scroll', _throttle, false); |
||||
} else { |
||||
window.attachEvent('onscroll', _throttle); |
||||
} |
||||
}; |
||||
|
||||
return { |
||||
init: init, |
||||
render: _throttle |
||||
}; |
||||
|
||||
} |
||||
|
||||
return Echo; |
||||
|
||||
}); |
||||
|
@ -1,2 +1,2 @@
|
||||
/*! Echo v1.4.0 | (c) 2013 @toddmotto | MIT license | github.com/toddmotto/echo */ |
||||
window.Echo=function(a,b){"use strict";var c,d,e,f=[],g=function(d){var e=d.getBoundingClientRect();return(e.top>=0&&e.left>=0&&e.top)<=(a.innerHeight||b.documentElement.clientHeight)+parseInt(c)},h=function(){for(var a=f.length;a--;){var b=f[a];g(b)&&(b.src=b.getAttribute("data-echo"),f.splice(a,1))}},i=function(){clearTimeout(e),e=setTimeout(h,d)},j=function(e){var g=b.querySelectorAll("[data-echo]"),h=e||{};c=h.offset||0,d=h.throttle||250;for(var j=0;j<g.length;j++)f.push(g[j]);i(),b.addEventListener?a.addEventListener("scroll",i,!1):a.attachEvent("onscroll",i)};return{init:j,render:i}}(window,document); |
||||
/*! Echo v1.4.0 | (c) 2014 @toddmotto | MIT license | github.com/toddmotto/echo */ |
||||
!function(a,b,c){"use strict";"function"==typeof define&&define.amd?define(c):"undefined"!=typeof module&&module.exports?module.exports=c():b[a]=c()}("Echo",this,function(){"use strict";function a(){var a,b,c,d=[],e=function(b){var c=b.getBoundingClientRect();return(c.top>=0&&c.left>=0&&c.top)<=(window.innerHeight||document.documentElement.clientHeight)+parseInt(a)},f=function(){for(var a=d.length;a--;){var b=d[a];e(b)&&(b.src=b.getAttribute("data-echo"),d.splice(a,1))}},g=function(){clearTimeout(c),c=setTimeout(f,b)},h=function(c){var e=document.querySelectorAll("[data-echo]"),f=c||{};a=f.offset||0,b=f.throttle||250;for(var h=0;h<e.length;h++)d.push(e[h]);g(),document.addEventListener?window.addEventListener("scroll",g,!1):window.attachEvent("onscroll",g)};return{init:h,render:g}}return a}); |
@ -1,51 +1,70 @@
|
||||
window.Echo = (function (window, document, undefined) { |
||||
(function (name, context, definition) { |
||||
|
||||
'use strict'; |
||||
|
||||
var store = [], offset, throttle, poll; |
||||
if (typeof define === 'function' && define.amd) { |
||||
define(definition); |
||||
} |
||||
else if (typeof module !== 'undefined' && module.exports) { |
||||
module.exports = definition(); |
||||
} |
||||
else { |
||||
context[name] = definition(); |
||||
} |
||||
})('Echo', this, function() { |
||||
|
||||
var _inView = function (el) { |
||||
var coords = el.getBoundingClientRect(); |
||||
return ((coords.top >= 0 && coords.left >= 0 && coords.top) <= (window.innerHeight || document.documentElement.clientHeight) + parseInt(offset)); |
||||
}; |
||||
'use strict'; |
||||
|
||||
function Echo() { |
||||
|
||||
var store = [], offset, throttle, poll; |
||||
|
||||
var _inView = function (el) { |
||||
var coords = el.getBoundingClientRect(); |
||||
return ((coords.top >= 0 && coords.left >= 0 && coords.top) <= (window.innerHeight || document.documentElement.clientHeight) + parseInt(offset)); |
||||
}; |
||||
|
||||
var _pollImages = function () { |
||||
for (var i = store.length; i--;) { |
||||
var self = store[i]; |
||||
if (_inView(self)) { |
||||
self.src = self.getAttribute('data-echo'); |
||||
store.splice(i, 1); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
var _throttle = function () { |
||||
clearTimeout(poll); |
||||
poll = setTimeout(_pollImages, throttle); |
||||
}; |
||||
|
||||
var init = function (obj) { |
||||
var nodes = document.querySelectorAll('[data-echo]'); |
||||
var opts = obj || {}; |
||||
offset = opts.offset || 0; |
||||
throttle = opts.throttle || 250; |
||||
|
||||
var _pollImages = function () { |
||||
for (var i = store.length; i--;) { |
||||
var self = store[i]; |
||||
if (_inView(self)) { |
||||
self.src = self.getAttribute('data-echo'); |
||||
store.splice(i, 1); |
||||
for (var i = 0; i < nodes.length; i++) { |
||||
store.push(nodes[i]); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
var _throttle = function () { |
||||
clearTimeout(poll); |
||||
poll = setTimeout(_pollImages, throttle); |
||||
}; |
||||
|
||||
var init = function (obj) { |
||||
var nodes = document.querySelectorAll('[data-echo]'); |
||||
var opts = obj || {}; |
||||
offset = opts.offset || 0; |
||||
throttle = opts.throttle || 250; |
||||
|
||||
for (var i = 0; i < nodes.length; i++) { |
||||
store.push(nodes[i]); |
||||
} |
||||
|
||||
_throttle(); |
||||
|
||||
if (document.addEventListener) { |
||||
window.addEventListener('scroll', _throttle, false); |
||||
} else { |
||||
window.attachEvent('onscroll', _throttle); |
||||
} |
||||
}; |
||||
|
||||
return { |
||||
init: init, |
||||
render: _throttle |
||||
}; |
||||
|
||||
})(window, document); |
||||
|
||||
_throttle(); |
||||
|
||||
if (document.addEventListener) { |
||||
window.addEventListener('scroll', _throttle, false); |
||||
} else { |
||||
window.attachEvent('onscroll', _throttle); |
||||
} |
||||
}; |
||||
|
||||
return { |
||||
init: init, |
||||
render: _throttle |
||||
}; |
||||
|
||||
} |
||||
|
||||
return Echo; |
||||
|
||||
}); |
||||
|
Loading…
Reference in new issue