Normalde loading="lazy" 'i çoğu tarayıcı destekliyor. ama dediğiniz gibi tam işlemesede yinede direkt indiriyor. aşağıdaki gibi resimlere class="lazyload" ve data-src verirseniz bu sefer her resim gerçek lazy olur.
<img class="lazyload" data-src="https://imageyoutube.com/images/youtube-thumbnail-download.png" alt="youtube thumbnail download" style="width:854px;height:256px;" loading="lazy">
<script>
document.addEventListener("DOMContentLoaded", function () {
const lazyImages = document.querySelectorAll('.lazyload');
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const img = entry.target;const src = img.getAttribute('data-src');if (src) img.src = src;img.classList.remove('lazyload');observer.unobserve(img);
}});});
lazyImages.forEach(img => observer.observe(img));});
</script>
hocam öncelikle cevabınız için teşekkür ederim. benim indirdiğim lazyload da data-src yerine data-original kullanıyor. Acaba eski sürüm diyemi?
ikinici bir husus; data-src de olsa revolation slider daki grafikler yine çalışmayacak. Slider daki grafikler için lazy nasıl kullanılmalı?
teşekkürler.