2

我对javascript不是很流利，我觉得这真的很基础，但我似乎无法在任何地方在线找到它。

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

我有几张图片，所以我认为最好的方法是将它们全部叠加在一起，然后在每次点击它们的链接时增加 z-index，但你可能有一个更好的主意。

我真的只是想以某种方式创建一种不使用闪光灯的原始图片库，并在单击相应链接时在其 div 中显示照片。

提前致谢， 亚历克斯

4

2 回答 2

1

正如 Jessegavin 所说（在这里找到）

您可以使用 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/

这应该回答你的问题

于 2012-09-18T21:55:56.553 回答
0

有大量的 javascript 库、插件（用于 jQuery）和其他解决此问题的方法。

我要做的第一件事是仔细阅读这样的网站，看看有什么可用的：http ://sixrevisions.com/javascript/free_javascript_image_galleries/

我以前用过这个，而且很简单： http: //lokeshdhakar.com/projects/lightbox2/

一般来说，尽管您可以这样做<a href="javascript: showImage()">Link</a>并单击它将调用showImage()您在某处定义的javascript函数。然后分层 div 将按照您的描述工作。

于 2012-09-18T21:54:23.760 回答