2

嘿，我正在想办法给我的网页添加一些媒体（图像和视频）。我有一个部分，我只添加图像和视频，它是基于 HTML 的所以我想我可以找到一种方法来为每个部分创建一个文件夹，在该文件夹中添加所有媒体，然后让 Javascript 完成工作. 这是我到目前为止想出的脚本。

Javascript

var files = {'jpg':4};
var pageName = "Wimoveh";
for (var ext in files){
for (var i = 0; i < files[ext]; i++){
    var src = "Images/GalleryOne" + pageName + "-" + (i+1) + "." + ext;}
}

此脚本在文件夹 GalleryOne 中查找名称为 Wimoveh 且以“-”作为分隔符的图片，然后遍历与该名称和扩展名匹配的所有内容。我不知道如何在我的 HTML 中输出结果。

4

2 回答 2

3

在你的循环内：

var img = new Image(); 
img.src = src;
containerElement.appendChild(img);

其中 containerElement 是对要添加图像的 html 元素的引用。（请注意，您需要延迟到 dom 加载后才能这样做）

于 2012-10-14T16:42:51.293 回答
2

正如 Generalhenry 在他的帖子中所说：

其中 containerElement 是对要添加图像的 html 元素的引用。（请注意，您需要延迟到 dom 加载后才能这样做）

containerElement 是您想要的任何 HTML 元素。例如：

<HTML>
<BODY>
    <div class="photos">
        Your images would populate here.
    </div>
</BODY>
</HTML>

当代码到达 photos.appendChild(IMG) 时，每次循环通过您的脚本，您的页面都会将图像添加到该 div 类。

于 2016-03-20T09:42:09.863 回答