sheppy/javascript-lazyload
1
0
Fork 0
mirror of https://github.com/FAUSheppy/javascript-lazyload synced 2025-12-06 04:11:35 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

LAZYLOAD_WIDTH and LAZYLOAD_HEIGHT attributes

Browse Source
This commit is contained in:
Yannik Schmidt
2021-07-04 17:21:15 +02:00
committed by GitHub
parent f5a2e0395e
commit 81d353f875
1 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
lazyload.js
View File

@@ -28,6 +28,8 @@ var counter = 0
var viewbox_y = -Infinity var viewbox_y = -Infinity
IDENT = "realsrc" IDENT = "realsrc"
WIDTH_LOCK = "LAZYLOAD_WIDTH"
HEIGHT_LOCK = "LAZYLOAD_HEIGHT"
/* function to load images */ /* function to load images */
function changeSrc(offset){ function changeSrc(offset){
@@ -53,12 +55,26 @@ function changeSrc(offset){
&& boundingClientRect.top < window.innerHeight + offset) { && boundingClientRect.top < window.innerHeight + offset) {
var newSrc = elements[i].getAttribute(IDENT) var newSrc = elements[i].getAttribute(IDENT)
var xWidth = elements[i].getAttribute(WIDTH_LOCK)
var yHeight = elements[i].getAttribute(HEIGHT_LOCK)
/* remove url( ... ) if it is used */ /* remove url( ... ) if it is used */
//newSrc = newSrc.substring(4,newSrc.length-1) //newSrc = newSrc.substring(4,newSrc.length-1)
if(newSrc.indexOf(".jpg") > -1){ if(newSrc.indexOf(".jpg") > -1){
/* get correct size */
newSrc += getSize() /* determine & set the correct width and height */
if(xWidth || yHeight){
if(xWidth !=null && xHeight != null){
newSrc += "?scalex=" + xWidth + "&scaley=" + yHeight
}else if(xWdith != null){
newSrc += "?x=" + xWidth
}else{
newSrc += "?y=" + yHeight
}
}else{
newSrc += getSize(newSrc)
}
/* load webP if supported */ /* load webP if supported */
if(webP){ if(webP){