js显示图片,js图片展示

本文目录一览：

• 
  1、js 如何在对话框中显示图片?
  


• 
  2、Javascript点击查看图片，弹框显示图片，怎么用js怎么实现？
  


• 
  3、如何用JS语句显示图片？
  

js 如何在对话框中显示图片?

在代码里添加以下代码执行就可以了

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

html

head

title New Document /title

meta name="Generator" cOntent="EditPlus"

meta name="Author" cOntent=""

meta name="Keywords" cOntent=""

meta name="Description" cOntent=""

script src="" type="text/Javascript"/script

script language="Javascript"

!--

function downLoadImage(imagePathURL){

//如果中间IFRAME不存在，则添加

if(!document.getElementById("_SAVEASIMAGE_TEMP_FRAME"))

jQuery('iframe id="_SAVEASIMAGE_TEMP_FRAME" name="_SAVEASIMAGE_TEMP_FRAME" Onload="_doSaveAsImage();"

src="about:blank"/iframe').appendTo("body");

if(document.all._SAVEASIMAGE_TEMP_FRAME.src!=imagePathURL){

//插入图片地址，加载图片

document.all._SAVEASIMAGE_TEMP_FRAME.src = imagePathURL;

}else{

//图片显示

_doSaveAsImage();

}

}

function _doSaveAsImage(){

if(document.all._SAVEASIMAGE_TEMP_FRAME.src!="about:blank")

document.frames("_SAVEASIMAGE_TEMP_FRAME").document.execCommand("SaveAs");

}

//--

/script

/head

body

input type="button" value="download image" Onclick="downLoadImage('jpg');"

/body

/html

Javascript点击查看图片，弹框显示图片，怎么用js怎么实现？

最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。

先去官网下载layer包，你的网页引用layer的js文件。

地址：网页链接 点击相册层

然后js代码：

//调用示例

layer.ready(function(){ //为了layer.ext.js加载完毕再执行

var ps=$("#psize").val();

layer.photos({

photos: '#layer-photos-demo'

,shift: ps //0-6的选择，指定弹出图片动画类型，默认随机

});

});

html代码：

div id="layer-photos-demo" class="layer-photos-demo"

img layer-pid="图片id，可以不写" layer-src="缩略图片地址" src="图片地址" alt=""

/div

如何用JS语句显示图片？

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的script标签，输入js代码：$('body').append('img src="" /');。

3、浏览器运行index.html页面，此时图片被js成功显示到页面上。