sheppy/javascript-lazyload
1
0
Fork 0
mirror of https://github.com/FAUSheppy/javascript-lazyload synced 2025-12-08 13:18:32 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

removed additional lines

Browse Source
This commit is contained in:
Yannik Schmidt
2018-12-13 18:43:17 +01:00
parent 181de1baaf
commit 8e0d2aa89b
1 changed files with 4 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
lazyload.js
View File

@@ -1,25 +1,4 @@
/* determine which size of image to load */
function getSize(){
trueRes = screen.width/window.devicePixelRatio
if(trueRes > 1920)
return ''
else if(trueRes <= 1920 && trueRes >= 1200)
return '-640x480'
else
return '-320x240'
}
/* check if browser is capable of webp */
function supportsWebp() {
return /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
//if (!self.createImageBitmap) return false;
//const webpData = 'data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=';
//return createImageBitmap(webpData).then(() => true, () => false);
}
/* cache */ /* cache */
var webP = supportsWebp()
var elements = null var elements = null
var counter = 0 var counter = 0
@@ -44,22 +23,9 @@ function changeSrc(offset){
for (var i = counter; i < elements.length; i++) { for (var i = counter; i < elements.length; i++) {
var boundingClientRect = elements[i].getBoundingClientRect(); var boundingClientRect = elements[i].getBoundingClientRect();
if (elements[i].hasAttribute("rrealsrc") && boundingClientRect.top < window.innerHeight + offset) { if (elements[i].hasAttribute("rrealsrc")
var newSrc = elements[i].getAttribute("rrealsrc") && boundingClientRect.top < window.innerHeight + offset) {
/* remove url( ... ) */ elements[i].style.backgroundImage = newSrc;
newSrc = newSrc.substring(4,newSrc.length-1)
if(newSrc.indexOf(".jpg") > -1){
/* get correct size */
newSrc += getSize()
/* load webP if supported */
if(webP){
newSrc = newSrc + '.webp'
}
}
elements[i].setAttribute("src", newSrc);
elements[i].style.backgroundImage = 'url(' + newSrc +')';
elements[i].removeAttribute("rrealsrc"); elements[i].removeAttribute("rrealsrc");
}else{ }else{
/* DOM is parsed top down and images are inserted in that order too */ /* DOM is parsed top down and images are inserted in that order too */
@@ -81,7 +47,6 @@ refresh_handler = function(e) {
}; };
/* add listeners */ /* add listeners */
document.getElementById("main_scrollable").addEventListener('scroll', refresh_handler); window.addEventListener('scroll', refresh_handler);
window.addEventListener('resize', refresh_handler); window.addEventListener('resize', refresh_handler);
window.addEventListener('load', refresh_handler); window.addEventListener('load', refresh_handler);
getSize()