手机js相册

// 示例代码：使用懒加载
document.addEventListener("DOMContentLoaded", function() {
  const images = document.querySelectorAll("img.lazy");
  const observer = new IntersectionObserver((entries, observer) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        const img = entry.target;
        img.src = img.dataset.src;
        img.classList.remove("lazy");
        observer.unobserve(img);
      }
    });
  });
  images.forEach(img => observer.observe(img));
});

// 示例代码：分批次加载图片
function loadImages(imageUrls, batchSize) {
  let index = 0;
  function loadBatch() {
    const end = Math.min(index + batchSize, imageUrls.length);
    for (let i = index; i < end; i++) {
      const img = new Image();
      img.src = imageUrls[i];
      document.body.appendChild(img);
    }
    index += batchSize;
    if (index < imageUrls.length) {
      setTimeout(loadBatch, 100); // 延迟加载下一批
    }
  }
  loadBatch();
}