phpcms wap组图

// 图片懒加载示例
<img data-src="image.jpg" class="lazyload" />

// 懒加载脚本
document.addEventListener("DOMContentLoaded", function() {
    var lazyImages = [].slice.call(document.querySelectorAll("img.lazyload"));
    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.classList.remove("lazyload");
                    lazyImageObserver.unobserve(lazyImage);
                }
            });
        });
        lazyImages.forEach(function(lazyImage) {
            lazyImageObserver.observe(lazyImage);
        });
    }
});

/* 响应式图片样式 */
img {
    max-width: 100%;
    height: auto;
}

// 检查图片路径并输出
if (file_exists($imagePath)) {
    echo '<img src="' . $imagePath . '" alt="图片描述" />';
} else {
    echo '图片加载失败';
}