javascript - 如何使图像出现在 Javascript 中

标签 javascript image gallery

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

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

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

我真的只是想以某种方式创建一种不使用 flash 并在单击相应链接时在其 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/

这应该回答你的问题

关于javascript - 如何使图像出现在 Javascript 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12485600/

相关文章:

objective-c - iOS:将图像的一部分与选项库进行比较

android - 如何为 android 实现自定义设备照片库?

android 将位图正确保存为 jpeg 但不显示在图片库中

android - 如何更改图库的属性

javascript - 从属下拉列表无法正常工作

javascript - THREE.js:将网格划分为多个部分

javascript - Node.js 解析错误与 mysql 查询

javascript - 如何提供模拟文件来更改 &lt;input type ='file' > 的事件以进行单元测试

ios - 从右到左动画图像,如幻灯片放映

Java Graphics2D - 绘制具有渐变不透明度的图像