【JavaScript】图片查看器

2021年07月23日 阅读数:17
这篇文章主要向大家介绍【JavaScript】图片查看器,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

1.下载文件javascript

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

2.放置js目录java

3.在html文件里边引入ide

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

4.调用js.net

<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.效果code