使用VIEWER.JS进行简单的图片预览

<script src="../res/js/viewer.min.js"></script>
<script type="text/javascript">

//F.ready(show());
//window.onload = show(); 
function show() {

var viewer = new Viewer(document.getElementById('dowebok'), {
url: 'data-original'
});
}

</script>

注意：

<ul id="jq22">

     < li >< img  src = "img/tibet-1.jpg"  alt = "图片1" ></ li >

     < li >< img  src = "img/tibet-2.jpg"  alt = "图片2" ></ li >

     < li >< img  src = "img/tibet-3.jpg"  alt = "图片3" ></ li >

     < li >< img  src = "img/tibet-4.jpg"  alt = "图片4" ></ li >

     < li >< img  src = "img/tibet-5.jpg"  alt = "图片5" ></ li >

     < li >< img  src = "img/tibet-6.jpg"  alt = "图片6" ></ li >

</ ul >

这是图片的前台样式，图片必须放在<ul><li></li></ul>中。

另外VIEWER.JS支持的样式有很多，有兴趣的可以自己查看。

转载于:https://www.cnblogs.com/sukhoi/p/7390482.html