在携程的业务中，经常需要展示酒店的图片。请实现一个简单的图片懒加载功能，当图片进入浏览器可视区域时再进行加载。

答题要点

推荐使用分层分析法来解答此题。首先明确整体实现步骤，然后逐步分析每一步的具体操作。关键要点如下：1. 标记待加载图片：给需要懒加载的图片设置特定属性，如 `data-src` 存储真实图片地址，`src` 设为占位图。2. 监听滚动事件：通过 `window.addEventListener('scroll', function(){})` 监听页面滚动。3. 判断图片是否进入可视区域：可使用 `getBoundingClientRect()` 方法获取元素位置，判断其是否在可视区域内。4. 加载图片：若图片进入可视区域，将 `data-src` 的值赋给 `src`。示例思路：先为所有图片添加 `data-src` 属性，然后监听滚动事件，在事件处理函数中遍历图片，判断是否进入可视区域，若进入则加载图片。