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