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 */ |
/*! Echo v1.4.0 | (c) 2014 @toddmotto | MIT license | github.com/toddmotto/echo */ |
||||||
window.Echo = (function (window, document, undefined) { |
(function (name, context, definition) { |
||||||
|
|
||||||
'use strict'; |
'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) { |
'use strict'; |
||||||
var coords = el.getBoundingClientRect(); |
|
||||||
return ((coords.top >= 0 && coords.left >= 0 && coords.top) <= (window.innerHeight || document.documentElement.clientHeight) + parseInt(offset)); |
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 = 0; i < nodes.length; i++) { |
||||||
for (var i = store.length; i--;) { |
store.push(nodes[i]); |
||||||
var self = store[i]; |
|
||||||
if (_inView(self)) { |
|
||||||
self.src = self.getAttribute('data-echo'); |
|
||||||
store.splice(i, 1); |
|
||||||
} |
} |
||||||
} |
|
||||||
}; |
_throttle(); |
||||||
|
|
||||||
var _throttle = function () { |
if (document.addEventListener) { |
||||||
clearTimeout(poll); |
window.addEventListener('scroll', _throttle, false); |
||||||
poll = setTimeout(_pollImages, throttle); |
} else { |
||||||
}; |
window.attachEvent('onscroll', _throttle); |
||||||
|
} |
||||||
var init = function (obj) { |
}; |
||||||
var nodes = document.querySelectorAll('[data-echo]'); |
|
||||||
var opts = obj || {}; |
return { |
||||||
offset = opts.offset || 0; |
init: init, |
||||||
throttle = opts.throttle || 250; |
render: _throttle |
||||||
|
}; |
||||||
for (var i = 0; i < nodes.length; i++) { |
|
||||||
store.push(nodes[i]); |
} |
||||||
} |
|
||||||
|
return Echo; |
||||||
_throttle(); |
|
||||||
|
}); |
||||||
if (document.addEventListener) { |
|
||||||
window.addEventListener('scroll', _throttle, false); |
|
||||||
} else { |
|
||||||
window.attachEvent('onscroll', _throttle); |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
return { |
|
||||||
init: init, |
|
||||||
render: _throttle |
|
||||||
}; |
|
||||||
|
|
||||||
})(window, document); |
|
||||||
|
@ -1,2 +1,2 @@ |
|||||||
/*! Echo v1.4.0 | (c) 2013 @toddmotto | MIT license | github.com/toddmotto/echo */ |
/*! Echo v1.4.0 | (c) 2014 @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); |
!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'; |
'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) { |
'use strict'; |
||||||
var coords = el.getBoundingClientRect(); |
|
||||||
return ((coords.top >= 0 && coords.left >= 0 && coords.top) <= (window.innerHeight || document.documentElement.clientHeight) + parseInt(offset)); |
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 = 0; i < nodes.length; i++) { |
||||||
for (var i = store.length; i--;) { |
store.push(nodes[i]); |
||||||
var self = store[i]; |
|
||||||
if (_inView(self)) { |
|
||||||
self.src = self.getAttribute('data-echo'); |
|
||||||
store.splice(i, 1); |
|
||||||
} |
} |
||||||
} |
|
||||||
}; |
_throttle(); |
||||||
|
|
||||||
var _throttle = function () { |
if (document.addEventListener) { |
||||||
clearTimeout(poll); |
window.addEventListener('scroll', _throttle, false); |
||||||
poll = setTimeout(_pollImages, throttle); |
} else { |
||||||
}; |
window.attachEvent('onscroll', _throttle); |
||||||
|
} |
||||||
var init = function (obj) { |
}; |
||||||
var nodes = document.querySelectorAll('[data-echo]'); |
|
||||||
var opts = obj || {}; |
return { |
||||||
offset = opts.offset || 0; |
init: init, |
||||||
throttle = opts.throttle || 250; |
render: _throttle |
||||||
|
}; |
||||||
for (var i = 0; i < nodes.length; i++) { |
|
||||||
store.push(nodes[i]); |
} |
||||||
} |
|
||||||
|
return Echo; |
||||||
_throttle(); |
|
||||||
|
}); |
||||||
if (document.addEventListener) { |
|
||||||
window.addEventListener('scroll', _throttle, false); |
|
||||||
} else { |
|
||||||
window.attachEvent('onscroll', _throttle); |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
return { |
|
||||||
init: init, |
|
||||||
render: _throttle |
|
||||||
}; |
|
||||||
|
|
||||||
})(window, document); |
|
||||||
|
Loading…
Reference in new issue