在携程的业务中，经常需要展示旅游产品的图片。请编写一个简单的 JavaScript 函数，用于实现图片的懒加载。

答题要点

推荐答题框架：按照函数定义、实现逻辑、返回结果的步骤来作答。关键要点如下：1. 获取图片元素，使用 document.querySelectorAll 方法获取所有需要懒加载的图片元素。2. 监听滚动事件，当页面滚动时触发检查函数。3. 判断图片是否进入可视区域，可通过元素的 getBoundingClientRect 方法判断。4. 替换图片 src 属性，当图片进入可视区域时，将 data-src 属性的值赋给 src 属性。示例话术：首先，我会使用 document.querySelectorAll 方法获取所有需要懒加载的图片元素。然后，监听页面的滚动事件，在滚动时调用检查函数。在检查函数中，通过 getBoundingClientRect 方法判断图片是否进入可视区域，如果进入则将 data - src 属性的值赋给 src 属性。