我的javascript不是很流利，我觉得这很基础，但我似乎无法在网上任何地方找到它。
我想创建一个链接，该链接将触发一个 javascript 函数，该函数使图像出现在单独的 div 中。不能在flash中，否则我对编码语言没有异议。
我有几张图片，所以我认为最好的方法是将它们全部叠加在一起，然后在每次点击它们的链接时增加 z-index，但你可能有更好的想法。
我真的只是想以某种方式创建一种不使用 Flash 的原始图片库，并在单击相应链接时在其 div 中显示照片。
提前致谢，亚历克斯
【问题讨论】：
标签： javascript image gallery
有大量的 javascript 库、插件（用于 jQuery）和其他解决此问题的方法。
我要做的第一件事就是浏览这样的网站，看看有什么可用的：http://sixrevisions.com/javascript/free_javascript_image_galleries/
我以前用过这个，很简单：http://lokeshdhakar.com/projects/lightbox2/
一般来说，尽管您可以执行<a href="javascript: showImage()">Link</a> 并单击它会调用您在某处定义的javascript 函数showImage()。然后分层 div 将按照您的描述工作。
【讨论】：
正如 Jessegavin 所说（找到 here）
您可以使用 Javascript DOM API。特别是看 createElement() 方法。
您可以创建一个可重用的函数来创建一个像 所以...
function show_image(src, width, height, alt) {
var img = document.createElement("img");
img.src = src;
img.width = width;
img.height = height;
img.alt = alt;
// This next line will just add it to the <body> tag
document.body.appendChild(img);
}
那你就可以这样用了……
<button onclick="show_image('http://google.com/images/logo.gif',
276,110, 'Google Logo");'>Add Google Logo</button>
上面不应该有换行符，我添加了它以便它可以 不滚动显示查看 jsFiddle 上的工作示例： http://jsfiddle.net/Bc6Et/
这应该回答你的问题
【讨论】：