最好用插件，去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="" style="height: 140pxwidth: 120pxborder:1px solid #bbb">
</div>
打印图片预览不出来可以参考下面方法解决：
1、首先在电脑文件夹中，找到图片。
2、然后右键点击图片，出现右键菜单，在右键的菜单中选择打印的按钮。
3、然后进入到打印预览的页面，却看不到图片的预览。
4、然后在文件夹页面，点击工具页面。
5、点击工具按钮后，进入查看的页面。
6、在查看页面，选择取消始终显示图片，不显示图片预览。
7、取消勾选后，再点击打印图片可以预览打印了。
所谓的缩略图其实就是设置了一个长宽小点的<img>去存放这张图片，在<img>的点击事件中再去更改它的长宽达到放大效果，当然这样可能会打乱页面布局，所以你可以做成像QQ空间那样，点击图片后利用遮罩层显示放大的图片。
