Sorununuz PHP'de değil gif resimleri tarayıcı açarken tarayıcı kasıyor.
Aşağıdaki kodu sayfanızın altına ekleyin. Gifleri yüklediğiniz img kodunun src'sinin data-src olarak güncelleyin.
Örnek;
Eski;
<img src="banner.gif">
Yeni;
<img data-src="banner.gif">
<script>
window.onload = function () {
const observer = new IntersectionObserver(entries => {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
let lazyImage = entry.target;
lazyImage.src = lazyImage.dataset.src;
lazyImage.classList.add("loaded");
lazyImage.classList.remove("lazy");
observer.unobserve(lazyImage);
}
});
}, {
rootMargin: "150px"
});
var srcImages = document.querySelectorAll('img[data-src]');
srcImages.forEach(box => {
observer.observe(box);
})
}
</script>