Javascript 为什么不在我的ipad上加载第一张图片

我的项目中有一个图库滑块

我已经在我的电脑上测试过了，一切正常

但当我在ipad上测试时，当我打开我的项目时，gallery滑块的图像不会加载

滑块中的图像总数为62，总大小为1.2mb

我的代码：

<div class="main">
    <div class="fixed-bar" style="margin-top:40px">
        <ul id="carousel" class="elastislide-list">
            <li><a href="#p1"><img src="imagens/paginas/1.jpg" /></a>
            </li>
            <li><a href="#p2"><img src="imagens/paginas/2.jpg" /></a>
            </li>
            <li><a href="#p3"><img src="imagens/paginas/3.jpg" /></a>
            </li>
            <li><a href="#p4"><img src="imagens/paginas/4.jpg" /></a>
            </li>
        </ul>
    </div>
</div>

预紧器：

var images = new Array()
            function preload() {
                for (i = 0; i < preload.arguments.length; i++) {
                    images[i] = new Image()
                    images[i].src = preload.arguments[i]
                }
            }
            preload(
                "imagens/Paginas/1.jpg",
                "imagens/Paginas/2.jpg",
                "imagens/Paginas/3.jpg",
                "imagens/Paginas/4.jpg",
                "imagens/Paginas/5.jpg",
                "imagens/Paginas/6.jpg",
                "imagens/Paginas/7.jpg",
                "imagens/Paginas/8.jpg",
                "imagens/Paginas/9.jpg",
                "imagens/Paginas/10.jpg",
                "imagens/Paginas/11.jpg",
                "imagens/Paginas/12.jpg",
                "imagens/Paginas/13.jpg",
                "imagens/Paginas/14.jpg",
                "imagens/Paginas/15.jpg"
 )

var images=newarray（）
函数预加载（）{
对于（i=0；i

快速尝试：强制预加载所有图像。似乎如果你的iPad在第四次或第五次尝试时渲染图像，那是因为他需要花时间加载

您可以使用以下内容预加载它们：

var images = new Array()
            function preload() {
                for (i = 0; i < preload.arguments.length; i++) {
                    images[i] = new Image()
                    images[i].src = preload.arguments[i]
                }
            }
            preload(
                "http://domain.tld/gallery/image-001.jpg",
                "http://domain.tld/gallery/image-002.jpg",
                "http://domain.tld/gallery/image-003.jpg"
            )

var images=newarray（）
函数预加载（）{
对于（i=0；i

我在报纸上读到了这些信息。还有其他方法可以预加载图像。
我希望这能帮上忙……

我解决了我的问题

我所做的：

之前： 我以前有一个html文档，其中包含多个data role=“pages”，第一个data role=“pages”是我的菜单，用户可以在其中选择选项。 当用户单击其中一个选项时，我的代码是

，正常情况下会转到另一个页面（注意：只有一个选项必须在另一个页面的库中加载图像）

之后： 现在，我把这份文件一分为二。一个文档html仅用于起始页（菜单），其他文档中的多个data role=“pages”的其余部分

我是如何打电话的：

我使用带有新功能的弹出窗口，使用其中一个后，我使用以下代码：

<a href="../thisdocument.html" target="_parent"></a>

魔法完成了。没有额外的代码等。。。。

---

仅从另一个子文件夹加载包含库滑块的文档html

在iOS Safari上加载图像的限制是：在内存小于256 MB的设备上运行的图像限制为3 MB，在内存大于256 MB的设备上运行的图像限制为5 MB

---

我不知道问题是什么或解决方案，但如果你有mac电脑，你可以使用safari的开发工具在ipad上访问/调试页面，就像在桌面上一样，这可能会帮助你找到问题。我在ipad上做了一些刷新。4-5次后，他加载图像。。在控制台中，我看了一下，但说了一些关于我的事情。你有没有检查Web服务器访问日志，看看这些图像是否被请求？加载1.2mb的图像对于ipad来说太多了。如果它在第四次尝试后工作，那是因为它使用了缓存的图像。尝试只加载3-4幅图像，其余部分使用一种预渲染器，因为这太多了。。我试着像下面的答案一样使用预加载程序，但它不起作用。。我不知道我是否做对了。。我试着把这段代码放在head标签中，并试着放在gallery slider的div中。我删除了一些图像，只测试了5个，但仍然没有加载到我的ipadI上。我从上面发布的页面上取了这个例子，它是“JavaScript方法#1”。在这里，您可以找到完整的示例，似乎他们将其放在一个简单的

（当然，在

标记中；]）。无论如何，如果这个方法不适合您，您可以在该页面中找到几个方法：）您在其他设备上测试过吗？也许你的iPad内存不足或MC空间不足。。。你是怎么测试的，清除缓存还是什么？（因为如果第四次或第五次有效工作…）我没有在其他设备上进行测试，因为我只有一个。我有一台16gb的iPad3，空间很大。每次测试后我都会清除缓存。。但我已经用另一台tecnic解决了这个问题。现在它可以工作了…没有预加载javascript等。。。

<a href="../thisdocument.html" target="_parent"></a>