0

画像をキャッシュにロードし、完了時に別のページにリダイレクトするチュートリアルに出くわしました。私は画像の配列でこれを行いたいと思います。それらがすべて読み込まれると、新しいページにリダイレクトされます。これはチュートリアルでも言及されていますが、完全ではありません。私はそれを行うためにこのコードを再編成しようとしましたが、私は完全な JavaScript 初心者であるため、2 つを組み合わせて機能させることはできません。

ここにウェブサイトがあります http://www.techrepublic.com/article/preloading-and-the-javascript-image-object/5214317

誰かがコードを投稿できれば、とても感謝しています。また、背景画像が大きいサイトのプリローダーとして使用すると、多くの人が役立つと思います。

乾杯

アップデート

ありがとうルーク、私は以下のコードを試しましたが、残念ながらまだ喜びはありません..何かアイデアはありますか???

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script language = "JavaScript">

function preloader() 

{

var loadedCount = 0;
var myImagesToPreload = ["images/threewheelerback.jpg", "images/grunge.png", "images/smalllogo2.jpg"];

function loaded() {
 loadedCount++;
 if (loadedCount == myImagesToPreload) {
     location.href="history.html";
 }
}

function preloader() 
{
     for(i=0, imageObj; i<=myImagesToPreload.length; i++) 
     {
          imageObj = new Image()
          imageObj.src=myImagesToPreload[i];
          imageObj.onload = loaded;
     }
} 
}

</script>

<title>Untitled Document</title>
</head>
<body onLoad="javascript:preloader()">



<body>
Loading....
</body>
</html>

引用符

4

2 に答える 2

0 
var loadedCount = 0;
var myImagesToPreload = ["image1.jpg", "image2.jpg", "image3.jpg"];

function loaded() {
 loadedCount++;
 if (loadedCount == myImagesToPreload) {
    // Here you can leave the page...
 }
}

function preloader() 
{
     for(i=0, imageObj; i<=myImagesToPreload.length; i++) 
     {
          imageObj = new Image()
          imageObj.src=myImagesToPreload[i];
          imageObj.onload = loaded;
     }
}
于 2011-02-02T16:40:16.237 に答える
0

私は御馳走を働かせるものを見つけました。

やりたい人はこちら

http://www.knowledgesutra.com/forums/topic/21316-image-preloader-with-progress-bar-status/

于 2011-02-04T11:36:35.693 に答える