【JavaScript】图片查看器

1.下载文件

https://www.yuque.com/u30882/rx39g7/iulc0g

2.放置js目录

3.在html文件里边引入

这里是我本身修改的样式结构

4.调用js

<script>
    $('#info_img').FlyZommImg({
        rollSpeed: 200,//切换速度
        miscellaneous: false,//是否显示底部辅助按钮
        // closeBtn: true,//是否打开右上角关闭按钮
        // hideClass: 'hide',//不须要显示预览的 class
        imgQuality: 'original',//图片质量类型  thumb 缩略图  original 默认原图
        slitherCallback: function (direction, DOM) {//左滑动回调 两个参数 第一个动向 'left,firstClick,close' 第二个 当前操做DOM
            //console.log(direction,DOM);
        }
    });
</script>

 

5.效果