微信浏览器点击图片浏览方法实现-CSDN博客

为什么80%的码农都做不了架构师？>>>

这是自己的一个记事本

是自己的一个记事本

自己的一个记事本

己的一个记事本

的一个记事本

一个记事本

个记事本

记事本

事本

本

<script type="text/javascript">
    $(function(){
        //下面是获取当前页面所有的img的src 转成数组 并且 转换成json格式
        var aa=[];
        var i=0;
        var src=[];
        aa=$('#slider img,#user_goods_ka_2 img');
        for (i=0;i<aa.length;i++){
            src[i]=aa[i].src;
            //把所有的src存到数组里
        }

        //下面是点击图片的时候获取当前第几个图片并且启用咱们做的调用微信图片浏览器的函数
        $('#slider img,#user_goods_ka_2 img').click(function(){
            var index = $('img').index(this);
            imagePreview(src[index],src);
        });


    });
    function imagePreview(curSrc,srcList) {
        //这个检测是否参数为空
        if(!curSrc || !srcList || srcList.length == 0) {
            return;
        }

        //这个使用了微信浏览器提供的JsAPI 调用微信图片浏览器
        WeixinJSBridge.invoke('imagePreview', {
            'current' : curSrc,
            'urls' : srcList
        });
    };
</script>

转载于:https://my.oschina.net/sunYwp/blog/875917