2011-07-14 59 views
0

我正在使用腳本滾動瀏覽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> 

+0

看起來你在這裏有一些正確的解決方案。也許你可以選擇一個?否則,它將永遠生活在「未答覆」類別中。 –

回答

0

使用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> 
0

上爲什麼不把

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

中的document.ready電話嗎?

0

難道你錯過了內部引號嗎?

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

VS

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

您只需致電document.readyimage_onclick('next')

0

onload="image_onclick('next')"添加到您的身體標記。

0

除非有理由動態加載初始圖像,爲什麼不把初始圖像放入<div>。使用腳本來完成這樣一個簡單的任務看起來很麻煩。