Я пытаюсь лениво загрузить изображения на сайт GitHub.Я могу загрузить эти изображения, когда я просто запускаю HTML-файл на своем рабочем столе, но не на веб-сайте GitHub.Я просмотрел другие вопросы, такие как файл Javascript, не работающий на страницах github , но это только для запроса от HTTPS.Кто-нибудь может мне помочь?
// JavaScript Document
document.addEventListener("DOMContentLoaded", function() {
var lazyImages = [].slice.call(document.querySelectorAll("img.Images"));
if ("IntersectionObserver" in window) {
let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
let lazyImage = entry.target;
lazyImage.src = lazyImage.dataset.src;
lazyImage.srcset = lazyImage.dataset.srcset;
lazyImage.classList.remove("Images");
lazyImageObserver.unobserve(lazyImage);
lazyImage.classList.add("LazyImages");
}
});
});
lazyImages.forEach(function(lazyImage) {
lazyImageObserver.observe(lazyImage);
});
} else {
// Possibly fall back to a more compatible method here
}
});
.Images {
width: 280px;
height: 280px;
padding: 10px;
object-fit: cover;
}
.LazyImages {
width: 280px;
height: 280px;
padding: 10px;
object-fit: cover;
}
<img class="Images" src="Images/Compressed Images/Insta Photo-90.JPG" data-src="Images/With Out Logo/Insta Photo-90.JPG" data-srcset="Images/Compressed Images/Insta Photo-90.JPG, Images/With Out Logo/Insta Photo-90.JPG" alt=""/>
<img class="Images" src="Images/Compressed Images/Insta Photo-89.JPG" data-src="Images/With Out Logo/Insta Photo-89.JPG" data-srcset="Images/Compressed Images/Insta Photo-89.JPG, Images/With Out Logo/Insta Photo-89.JPG" alt=""/>
<img class="Images" src="Images/Compressed Images/Insta Photo-88.JPG" data-src="Images/With Out Logo/Insta Photo-88.JPG" data-srcset="Images/Compressed Images/Insta Photo-88.JPG, Images/With Out Logo/Insta Photo-88.JPG" alt=""/>
<img class="Images" src="Images/Compressed Images/Insta Photo-87.JPG" data-src="Images/With Out Logo/Insta Photo-87.JPG" data-srcset="Images/Compressed Images/Insta Photo-87.JPG, Images/With Out Logo/Insta Photo-87.JPG" alt=""/>
<img class="Images" src="Images/Compressed Images/Insta Photo-86.JPG" data-src="Images/With Out Logo/Insta Photo-86.JPG" data-srcset="Images/Compressed Images/Insta Photo-86.JPG, Images/With Out Logo/Insta Photo-86.JPG" alt=""/>