javascript - 将变量传递给 html

Question

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

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

（这不是所有的代码，我省略了其余的）

如何获取randomImage并插入<img>标签。

src="randomImage" will not work.

Answer 1

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' />

Answer 2

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

image.src = randomImage

这只是将 src 设置为当前图像的路径。加载图像时会有延迟。您可以使用 预加载路径new Image().src = [path]，或使用图像精灵和 css 剪辑使其更加无缝。

Answer 3

我强烈推荐jQuery和Cycle插件。