sectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { const img = entry.target; const spinner = img.previousElementSibling; // 如果图片有data-src属性，则加载实际图片 if (img.dataset.src) { img.src = img.dataset.src; delete img.dataset.src; } // 图片加载完成后 img.onload = function() { img.classList.add('loaded'); if (spinner && spinner.classList.contains('loading-spinner')) { spinner.style.display = 'none'; } loadedCount++; document.getElementById('loadedImages').textContent = loadedCount; }; // 停止观察该图片 imageObserver.unobserve(img); } }); // 更新可见图片数量 document.getElementById('visibleImages').textContent = entries.filter(entry => entry.isIntersecting).length; }, { rootMargin: '0px 0px 100px 0px' // 提前100px加载 }); // 观察所有图片 images.forEach(img => imageObserver.observe(img)); } else { // 不支持Intersection Observer的备用方案 images.forEach(img => { if (img.dataset.src) { img.src = img.dataset.src; delete img.dataset.src; } img.onload = function() { img.classList.add('loaded'); const spinner = img.previousElementSibling; if (spinner && spinner.classList.contains('loading-spinner')) { spinner.style.display = 'none'; } loadedCount++; document.getElementById('loadedImages').textContent = loadedCount; }; }); } } // 页面加载完成后初始化 window.addEventListener('DOMContentLoaded', initAutoLazyLoad);

服务热线

020-2204 2442

电子邮箱

Sales@greentest.com.cn

总部地址
广州市番禺区南村镇鸿创二街1号3栋10层

  • 绿测工场服务号

  • 绿测科技订阅号


产品与服务
应用解决方案
新闻资讯
关于我们
Copyright @ 2015-2035 广州绿测电子科技有限公司 版权所有 粤ICP备18033302号
网站地图 | English
联系电话: 020-2204 2442
邮箱:Sales@greentest.com.cn
微信客服二维码
Baidu
map