评论：jQuerh H5移动端图片预览插件fly_zomm_img.js  [查看原文]

请问 我用在了swiper插件里面在   为什么还要绑定一个点击事件 并且还需要点击两次才会有效果 代码如下：

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

傻小子ㄋ0
2018/12/10 14:48:56
你好，可能是swiper还没执行完，已经加载了预览插架，没有找到对应元素。你尝试的swiper加载完成后运行

傻小子ㄋ0
2018/12/10 14:51:31
可以在回调里面去增加一些自定义事件

Haka0
2018/8/1 18:15:06
目前是有的图可以上下居中，有的不行。怎么解决呢

命中注定0
2018/8/17 11:29:07
直接dispaly flex 不是可以实现吗

Haka0
2018/8/2 14:12:57
把slitherCallback:function (direction,DOM) {｝注释掉就可以了

傻小子ㄋ1
2018/6/14 10:48:45

关闭有回调

$('#test').FlyZommImg({
    rollSpeed: 200, //切换速度       
    miscellaneous: true, //是否显示底部辅助按钮       
    slitherCallback: function(direction, DOM) { //左滑动回调 两个参数 第一个动向 'left,firstClick,close' 第二个 当前操作DOM              
        console.log(direction, DOM);
    }
});

扫码试用了一下 感觉很不错 

<img data-group="测试1" src="./1.jpg">

缩略图和点击大图用的都是src里面的路径，在移动端的话，缩略图没必要加载大图的原始尺寸，这样既费流量，加载也慢

傻小子ㄋ0
2017/12/18 9:37:17
我公司现在需求是这样的，所以按照这个来做的，因为缩略图非常的小，在预览时候我们现在情况是很模糊的，放大也看不清楚，如果不保持清晰这个功能就没有意义，你的建议是好的，我会及时修正

有没有销毁的方法，对图片做新增操作图片没有从新初始化！！！

傻小子ㄋ0
2017/12/14 13:44:59

好的,我做一个重新载入

傻小子ㄋ0
2017/12/14 16:38:21

已经上传新版本,可以实现动态元素加入

一个页面有两个地方套用就报错了，不能用在类似朋友圈多个地方图片点击放大的页面上，想问怎么改

傻小子ㄋ0
2017/12/14 10:41:40

抱歉，现在还木有这样的支持，你绑定一个class该class下的所有都会显示，后面我可以支持，或者发你源码你自己修改

傻小子ㄋ0
2017/12/14 15:27:40

已经上传新版本，可以实现的你效果