Javascript 将变量转换为html

因此，我没有花35美元购买lightroom的slideshowpro，而是决定快速制作一个javascript幻灯片来完成一个简单的任务。在一个div内随机旋转10个图像。 它是这样工作的：

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

（这不是全部代码，其余的我都省略了）

如何拍摄

随机图像

并插入到

标记中

不要使用字符串“randomImage”，请使用变量：

src="randomImage" will not work.

这只是将src设置为当前图像的路径。加载图像时会有延迟。您可以使用

new Image（）.src=[path]

预加载路径，或者使用图像精灵和css剪辑使其更加无缝。

不要使用字符串“randomImage”，请使用变量：

src="randomImage" will not work.

这只是将src设置为当前图像的路径。加载图像时会有延迟。您可以使用

new Image（）.src=[path]

预加载路径，或者使用图像精灵和css剪辑使其更加无缝。

我强烈推荐和插件。

我强烈推荐和插件。

var imageSrc=“source\u folder/”；
var imageType=“.jpg”；
var randomage=imageSrc+0+Math.floor（#*Math.random（））+imageType；
document.getElementById（'booba'）.src=randomImage；
....
....
....

var imageSrc=“source_folder/”；
var imageType=“.jpg”；
var randomage=imageSrc+0+Math.floor（#*Math.random（））+imageType；
document.getElementById（'booba'）.src=randomImage；
....
....
....

So，image.src=randomImage进入标记本身？因此，image.src=randomImage进入标记本身？对我来说不起作用，我只是得到一个带有未加载图像框的框。请在

document.getElementById（'booba'）之前提醒
randomImage
。src=randomImage这将告诉您原因。或者只需右键单击图像->属性，直到什么都没有，警报看起来很好。我不得不从randomImage中删除+0，但它会向source_folder/1.jpg（它确实存在于目录中）之类的东西发出警报，但标记（正确定位）将不会在div中显示任何内容。您使用的路径或图像名称都有错误。如果图像的src得到一个值，那么这就完成了。现在你必须找出这个值的错误。我会将警报字符串复制并手动将其传递到同一文件/页面中图像的src属性中，然后查看它是否已加载。这对我不起作用，我只得到一个图像未加载的框。请在
document.getElementById（'booba'）之前向
randomImage
发出警报。src=randomImage这将告诉您原因。或者只需右键单击图像->属性，直到什么都没有，警报看起来很好。我不得不从randomImage中删除+0，但它会向source_folder/1.jpg（它确实存在于目录中）之类的东西发出警报，但标记（正确定位）将不会在div中显示任何内容。您使用的路径或图像名称都有错误。如果图像的src得到一个值，那么这就完成了。现在你必须找出这个值的错误。我会将警报字符串手动复制到同一文件/页面中图像的src属性中，然后查看是否加载了它。
var imageSrc = "source_folder/";
var imageType = ".jpg";
var randomImage = imageSrc + 0 + Math.floor(#*Math.random()) + imageType;
document.getElementById('booba').src=randomImage;

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

<img id='booba' />

<img src='javascript:this.src=randomImage' />