首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使图像出现在Javascript中

如何使图像出现在Javascript中
EN

Stack Overflow用户
提问于 2012-09-18 21:49:07
回答 2查看 16.8K关注 0票数 2

我的javascript不是很流利,我觉得这是非常基本的,但我似乎找不到在线anywhere

我希望创建一个链接,该链接将触发一个javascript函数,该函数使图像出现在单独的div中。它不可能在闪存,否则我没有反对的编码语言。

我有几张图片,所以我认为最好的方法是把它们都层叠在一起,然后每次点击链接时增加z索引,但是你可能有更好的主意。

我真的只是想要某种方式来创建一种原始图片库,它不使用闪光灯,在点击相应的链接时将照片显示在其div中。

谢谢你,亚历克斯

EN

回答 2

Stack Overflow用户

发布于 2012-09-18 21:55:56

正如杰赛克文所说(发现here)

您可以使用Javascript。特别是,查看createElement()方法。

你可以创建一个可重用的函数来创建这样的图像.

代码语言:javascript
运行
复制
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); 
}

然后你就可以像这样使用它..。

代码语言:javascript
运行
复制
<button onclick="show_image('http://google.com/images/logo.gif', 
  276,110, 'Google Logo");'>Add Google Logo</button> 

上面不应该有断线,我添加了它,这样它就可以在不滚动的情况下显示--参见jsFiddle:http://jsfiddle.net/Bc6Et/上的一个工作示例

这应该能回答你的问题

票数 1
EN

Stack Overflow用户

发布于 2012-09-18 21:54:23

有大量的javascript库、插件(用于jQuery)和其他解决这个问题的方法。

我要做的第一件事就是浏览一个这样的网站,看看有什么可用的:galleries/

我以前用过这个,它非常直接:http://lokeshdhakar.com/projects/lightbox2/

通常,您只需执行<a href="javascript: showImage()">Link</a>并单击它就可以调用您在某个地方定义的javascript函数showImage()。然后,分层的div将工作,如您所描述的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12485600

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档