纯js写的banner插件

function lazyLoadImages() {
    const images = document.querySelectorAll('.lazy');
    images.forEach(img => {
        if (img.getBoundingClientRect().top <= window.innerHeight && img.getBoundingClientRect().bottom >= 0) {
            img.src = img.dataset.src;
            img.classList.remove('lazy');
        }
    });
}
window.addEventListener('scroll', lazyLoadImages);

function animate() {
    // 动画逻辑
    requestAnimationFrame(animate);
}
animate();

if ('requestAnimationFrame' in window) {
    // 使用requestAnimationFrame
} else {
    // 提供兼容方案
}

let startX, endX;
banner.addEventListener('touchstart', e => startX = e.touches[0].clientX);
banner.addEventListener('touchend', e => {
    endX = e.changedTouches[0].clientX;
    handleSwipe();
});

function handleSwipe() {
    const diff = startX - endX;
    if (diff > 50) {
        // 向左滑动，显示上一张
    } else if (diff < -50) {
        // 向右滑动，显示下一张
    }
}