2009-11-14 22 views
1

因此,我只需要爲幻燈片放映slideshowpro支付35美元,我只是決定拍一個快速的javascript幻燈片來完成一項簡單的任務。隨機旋轉div中的10張圖像。 它的工作原理就像這樣:將變量交給html

var imageSrc = "source_folder/"; 
var imageType = ".jpg"; 
var randomImage = imageSrc + 0 + Math.floor(#*Math.random()) + imageType; 

(這還不是全部的代碼,我已經離開了休息)

如何採取randomImage並插入到一個<img>標籤。

src="randomImage" will not work. 

回答

0

不要使用字符串「randomImage」,使用該變量:

image.src = randomImage 

這是SRC只設置到當前圖片的路徑。圖像加載時會有延遲。您可以使用new Image().src = [path]預加載路徑,或使用圖像精靈和css剪輯使其更加無縫。

+0

所以,image.src = randomImage進入標籤本身? – Francis 2009-11-14 03:48:50

2
var imageSrc = "source_folder/"; 
var imageType = ".jpg"; 
var randomImage = imageSrc + 0 + Math.floor(#*Math.random()) + imageType; 
document.getElementById('booba').src=randomImage; 

.... 
.... 
.... 

<img id='booba' /> 

如果你想成爲noty(不是一個好的做法,但應該工作)

​​
+0

對我來說不起作用,我只是得到一個帶有圖像未加載框的框。 – Francis 2009-11-14 03:49:47

+0

請在'document.getElementById('booba')之前提醒'randomImage'。src = randomImage;' 這會告訴你爲什麼。 或者只需右鍵單擊圖像 - >屬性 – 2009-11-14 03:51:47

+0

仍然沒有什麼,警報看起來很好。我必須從randomImage中刪除+ 0,但它會警告source_folder/1.jpg(目錄中存在),但標記(它正確定位)不會在div中顯示任何內容。 – Francis 2009-11-14 04:10:50