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

时间:2021-07-14 19:12:36

<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支持的样式有很多,有兴趣的可以自己查看。