如何在Javascript中显示图像

我的javascript不是很流利，我觉得这是非常基本的，但我似乎在任何地方都找不到它

我想创建一个链接，它将触发一个javascript函数，使图像显示在一个单独的div中。它不能在flash中，否则我对编码语言没有异议

我有几张图片，所以我认为最好的方法是将它们层层叠加，然后在每次单击链接时增加z索引，但是你可能会有更好的主意

我真的只是想用某种方法来创建一种基本的图像库，它不使用flash，当单击相应的链接时，在其div中显示照片

---

提前感谢，Alex有大量javascript库、插件（用于jQuery）和其他解决此问题的方法

我要做的第一件事就是浏览这样一个网站，看看有什么可用的：

我以前用过这个，非常简单：

一般来说，您只需执行

并单击它，即可调用您在某处定义的javascript函数

showImage（）

。然后，将div分层将如您所述工作。

正如Jessegavin所说（已找到）

您可以使用Javascript DOM API。特别是看 createElement（）方法

您可以创建一个可重用的函数，该函数将创建一个类似 所以

函数显示图像（src、宽度、高度、高度）{
var img=document.createElement（“img”）；
img.src=src；
img.width=宽度；
img.height=高度；
img.alt=alt；
//下一行只是将其添加到标记中
文件.正文.附件（img）；
}

然后你可以像这样使用它

<button onclick="show_image('http://google.com/images/logo.gif', 
  276,110, 'Google Logo");'>Add Google Logo</button> 

---

您能为您迄今为止所做的工作创建一个小的、可演示的示例吗？谢谢，这绝对有帮助！
<button onclick="show_image('http://google.com/images/logo.gif', 
  276,110, 'Google Logo");'>Add Google Logo</button>