Question

我有一个javascript函数displayImages（）来显示目录中的所有图像。我在DIV“photo_gallery”中调用此函数，以便图像仅显示在该DIV中（页面加载后）

但是我还需要动态显示图像库，我必须从外部DIV i调用此函数：e来自我的js文件中的其他函数。

<div id="photo_gallery" style="display:none">
  <ul>
    <script>displayImages();</script>
</ul>

</div>

有人可以提供建议吗

以下是我的功能：

注意:(此处图片为图像数组）

function displayImages() {

 for (i=0;i<images.length;i++) {

  document.write("<a href='#pop1'>");

   document.write("<img onclick='currentimage(&quot;" + images[i] + "&quot;)'    class='photo'  src='" + images[i] + "' width='160' height='120'/>");
 document.write("</a>");


}
}

Answer 1

您必须在body onload事件或div容器外的脚本标记中执行javascript-function。

<body onLoad="displayImages()">

在你的函数displayImages（）中，你必须设置Div-Container f.ex的innerHTML（内容）：

yourHtmlGalleryGeneratedContent = '';
for (i=0;i<images.length;i++) {
 yourHtmlGalleryGeneratedContent += "<a href='#pop1'>";
 [...]
}
document.getElementById('photo_gallery').innerHTML = yourHtmlGalleryGeneratedContent;

从另一个DIV在DIV中调用Javascript函数

1 个答案: