なぜこのスクリプトは空の画像で始まりますか？

Question

私はiframe内の画像をスクロールするスクリプトを使用しています。私は、スクリプトが画像1に開始するのではなく、ブランク開始し、ここでは画像に1

を行くために取得する方法を見つけ出すことはできませんスクリプトです：

---

<script type="text/javascript"> 

    var limit = 8; 
    var i = limit - 1; 

function image_onclick(direction) 
{ 
    i = (i + ((direction == 'prev')?limit-1:1)) % limit; 

    document.getElementById('image_box').innerHTML = '<img src=images/gallery/image' + (i+1) + '.jpg>'; 
} 
</script> 

---

このこのスクリプトは、体内に

---

<div id="leaf1"><button onClick="image_onclick('prev');"><img src="images/leaf.gif" alt="leaf arrow" border="0"/></button></div> 
<div id="image_box"></div> 
<div id="leaf2"><button onClick="image_onclick('next');"><img src="images/leaf2.gif" alt="leaf arrow" border="0"/></button></div> 

---

です

Answer 1

window.loadまたはdocument.readyメソッドを使用し、次のコードを追加します。

ページの

document.getElementById('image_box').innerHTML = '<img src=images/gallery/image1'.jpg>'; 

それとも単に

<script language="JavaScript"> 
document.getElementById('image_box').innerHTML = '<img src=images/gallery/image1'.jpg>'; 
</script> 

Answer 2

なぜdocument.readyコールに

document.getElementById('image_box').innerHTML = '<img src=images/gallery/image' + (1) + '.jpg>'; 

を入れませんか？

Answer 3

内部引用符がありません。

= '<img src=images/gallery/image' + (i+1) + '.jpg>'; 

= "<img src='images/gallery/image" + (i+1) + ".jpg' >"; 

Answer 4

対あなただけdocument.readyにimage_onclick('next')を呼び出すことができます。

Answer 5

onload="image_onclick('next')"をbodyタグに追加します。

Answer 6

最初の画像を動的に読み込む理由がない限り、最初の画像を<div>の中に入れないでください。このような単純なタスクにスクリプティングを使用するとオーバーヘッドになります。