Javascript 网站图片不断在手机上重新加载

我有一个登录页，它是以图像为背景的几个部分。每个部分占据屏幕的大小。在其中一个部分中，图像每5秒更改一次

我的网站在桌面上加载并运行良好（据我所知）。 然而，在手机上，当我上下滚动页面时，它会不断地重新加载

例如：我正在查看已加载的第2节。我向下滚动到第3节，它仍然在加载。加载后，我滚动到第2节，第2节开始重新加载，即使它是相同的图像。 无论我上下滚动多少次，这种情况都会发生

我使用的是Bootstrap3、jQuery（不是jQueryMobile）和HTML5

*请注意，第1节中的图像不断地进行交换。在将旧图像替换为以下内容之前，我在后台加载这些图像：

var imgPreload = new Image();
$(imgPreload).attr('src', '/new-image.jpg').load(function() {
    $(this).remove(); // prevent memory leaks
    $('#section1').css('background-image', 'url(/new-image.jpg)');
}

---

为什么不在第一节中使用简单的纯css幻灯片呢

对我来说，这是一个简单但很好的全屏背景图像解决方案

在哪个移动设备上进行了测试

我在iPad（第四代）、iPad（第三代）和一些iphone5c和5S上遇到了这个问题

图片大小是多少？它们被适当压缩了吗

---

我通过减少图像大小部分解决了问题

你可以添加注释作为评论这不是答案。我知道，但我没有50个代表，这是唯一的回应方式。如果有必要，我会立即删除filippolcr谢谢，我不知道，谢谢。我只在iPhone4S和OnePlus上进行了测试（两者都失败）。希望现在你有足够的代表留下评论（btw=）谢谢你，如果可以的话，试试最新的Iphone，看看问题是否发生，当然还有其他设备。我已经用bootstrap编写了两个站点，并且我已经看到iOs便携式设备通常会出现问题（但我不可能在许多多个设备上进行测试）。如果使用jQuery函数，比如$.IGATATE（），请考虑实现