我的javascript不是很流利,我觉得这是非常基本的,但我似乎找不到在线anywhere。
我希望创建一个链接,该链接将触发一个javascript函数,该函数使图像出现在单独的div中。它不可能在闪存,否则我没有反对的编码语言。
我有几张图片,所以我认为最好的方法是把它们都层叠在一起,然后每次点击链接时增加z索引,但是你可能有更好的主意。
我真的只是想要某种方式来创建一种原始图片库,它不使用闪光灯,在点击相应的链接时将照片显示在其div中。
谢谢你,亚历克斯
发布于 2012-09-18 21:55:56
正如杰赛克文所说(发现here)
您可以使用Javascript。特别是,查看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-18 21:54:23
有大量的javascript库、插件(用于jQuery)和其他解决这个问题的方法。
我要做的第一件事就是浏览一个这样的网站,看看有什么可用的:galleries/
我以前用过这个,它非常直接:http://lokeshdhakar.com/projects/lightbox2/
通常,您只需执行<a href="javascript: showImage()">Link</a>
并单击它就可以调用您在某个地方定义的javascript函数showImage()
。然后,分层的div将工作,如您所描述的。
https://stackoverflow.com/questions/12485600
复制相似问题