0

URLに基​​づいて画像を表示するスライドショーを作成しています。PHP を使用して Web ページから画像の 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

なぜ外部のウェブサイトからプルしているのですか? ローカルで引っ張ると、通常はより多くの速度が得られます。画像を1回ほどプルすると、再び表示されたときにユーザーのためにキャッシュされると私は信じています. できることは、プルしたリストを使用して、ページに非表示の画像を作成し、ページに読み込まれるようにすることです。次に、スライドショーを実行するときに、ユーザーは画像をキャッシュする時間があったはずであり、スライドショーは高速化されます.

hidden と呼ばれる CSS クラスを作成するだけvisability:hidden;です。ほとんどのブラウザーは引き続きデータを読み込もうとします。

于 2013-03-21T20:05:11.477 に答える