0

我正在创建一个幻灯片，其中我根据它们的 url 显示图像。我使用 PHP 从网页中提取图像 url，并使用 JavaScript 以幻灯片格式显示它们。唯一的问题是，第一张图片需要很长时间才能加载，所以我决定通过将它们存储在文本文件中来缓存 url，但我不知道如何从我的 JavaScript 位中的文本文件中读取 url？

谁能指出我应该如何进行的正确方向。我在网上找不到任何有用的东西。

我的 JS 代码是这样的：

<script language="JavaScript1.1">
        var slideimages=new Array() 
        slideshowimages("<?php echo join("\", \"", $image_urls); ?>") <--this is where I was initially echoing the array or image urls from php, but it proves slow for the first few images
        function slideshowimages(){
            for (i=0;i<slideshowimages.arguments.length;i++){
                slideimages[i]=new Image()
                slideimages[i].src=slideshowimages.arguments[i]
            }
        }
        var slideshowspeed1=30000

        var whichimage1=0
        function slideit1(){
            if (!document.images)
                return
            document.images.slide1.src=slideimages[whichimage1].src
            if (whichimage1<slideimages.length-1)
            whichimage1++
            else
                whichimage1=0
            setTimeout("slideit1()",slideshowspeed1)}slideit1()
  </script>

谢谢！

4

1 回答 1

1

为什么要从外部网站拉取？如果您将它们拉到本地，您通常会获得更快的速度。我确实相信，一旦它拉出一次左右的图像，它就会在再次出现时为用户缓存。您可以做的是使用您提取的列表并创建隐藏在页面上的图像，以便它们与页面一起加载。然后在浏览幻灯片时，用户应该有时间缓存图像并且幻灯片会加速。

只需创建一个名为 hidden 的 CSS 类即可visability:hidden;。大多数浏览器仍会尝试加载数据。

于 2013-03-21T20:05:11.477 回答