Question

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

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

我的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>

谢谢！

Answer 1

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

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

如何在javascript幻灯片中使用文本文件中的图像URL？

1 个答案: