基本的に、という名前のフォルダーに画像があり、image0.png, image1.png, image(index).png
これらの画像をdiv内の画像タグにロードします(ページのロード後にロードするのに永遠にかかることがないようにプリロードします)。画像タグはDOMによって生成され、デフォルトのパラメータに初期化されます。私が抱えている問題は、Documentモデルに画像でいっぱいの配列を取得させて、それを画像タグにロードすることができないように見えることIMGTG.src = IMGS[0];
です。以下のコードは次のとおりです
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">
IMGS = new Array();
var IMGTG;
function INIT_IMGTG(id)
{
IMGTG = document.createElement("img");
IMGTG.setAttribute("height", "100%");
IMGTG.setAttribute("width", "100%");
IMGTG.setAttribute("border", "0");
}
function LOAD_IMGS()
{
var index = 0;
for(index = 0; i < 2; i++)
{
IMGS[i] = "image" + index + ".png"
}
}
function IMG_ARY(id)
{
LOAD_IMGS();
INIT_IMGTG(id);
IMGTG.src = IMGS[0];
}
</script>
</head>
<body onload = "IMG_ARY('IMG_ID')">
<div id="IMG_ID"></div>
</body>
</html>
編集: 私はこれまでに2人の回答者によって以下に説明されているように編集を行いましたが、それでも運がありませんか?何が得られるのかわかりませんが、Javascriptは風変わりな言語です。
<!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" />
<title>Untitled Document</title>
<script type="text/javascript">
IMGS = new Array();
var IMGTG;
function INIT_IMGTG(id)
{
IMGTG = document.createElement("img");
IMGTG.setAttribute("height", "100%");
IMGTG.setAttribute("width", "100%");
IMGTG.setAttribute("border", "0");
id.appendChild(IMGTG);
}
function LOAD_IMGS()
{
for(var i = 0; i < 2; i++)
{
IMGS[i] = "image" + i + ".png";
}
}
function IMG_ARY(id)
{
LOAD_IMGS();
INIT_IMGTG(id);
IMGTG.src = IMGS[0];
}
</script>
</head>
<body onload = "IMG_ARY('IMG_ID')">
<div id="IMG_ID"></div>
</body>
</html>