2009-11-14 20 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