图片预览js代码在谷歌浏览器下异常

JavaScript017

图片预览js代码在谷歌浏览器下异常,第1张

应该是不兼容导致的，你不妨换其他的浏览器使用试试，比如QQ浏览器最新版本，其采用先进的Chrome内核，并进一步优化与完善，上网速度快，几乎0秒启动，多页面浏览也很顺畅。还具有突破性浏览器架骨及成熟的浏览器管理模式，保证了浏览器使用的流畅性与稳定性。还更具有针对性与识别性。

希望您采纳！

最好用插件，去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.用js定义一个字符串变量，把图片的字符串写进去，然后div.innerhtml把这个字符串加进去。

2.用类似jquery的js插件，也是先定义图片字符串变量，然后div.append这个字符串就好了。