zoukankan      html  css  js  c++  java
  • 微信自带图片浏览js

    //下面这个函数用来转换数组到json格式
    function arrayToJson(o) {
        var r = [];
        if (typeof o == "string") return """ + o.replace(/([‘"\])/g, "\$1").replace(/(
    )/g, "\n").replace(/(
    )/g, "\r").replace(/(	)/g, "\t") + """;
        if (typeof o == "object") {
            if (!o.sort) {
                for (var i in o)
                    r.push(i + ":" + arrayToJson(o[i]));
                if (!!document.all && !/^
    ?functions*toString()s*{
    ?s*[native code]
    ?s*}
    ?s*$/.test(o.toString)) {
                    r.push("toString:" + o.toString.toString());
                }
                r = "{" + r.join() + "}";
            } else {
                for (var i = 0; i < o.length; i++) {
                    r.push(arrayToJson(o[i]));
                }
                r = "[" + r.join() + "]";
            }
            return r;
        }
        return o.toString();
    }
    //这个是调用微信图片浏览器的函数
    function imagePreview(curSrc,srcList) {
        //这个检测是否参数为空
        if(!curSrc || !srcList || srcList.length == 0) {
            return;
        }
        //这个使用了微信浏览器提供的JsAPI 调用微信图片浏览器
        WeixinJSBridge.invoke('imagePreview', {
            'current' : curSrc,
            'urls' : srcList
        });
    }
    
    (function($){
        //下面是获取当前页面所有的img的src 转成数组 并且 转换成json格式
        var aa=[];
        var i=0;
        var src=[];
        var json=null;
        aa = $('#detail img');
        for (i=0;i<aa.length;i++){
            src.push(aa[i].src);    //把所有的src存到数组里
        }
        var srcList=arrayToJson(src); //转换成json并赋值给srcList
        //下面是点击图片的时候获取当前第几个图片并且启用咱们做的调用微信图片浏览器的函数
        $('#detail img').click(function(e){
            var index = $('img').index(this);
            if ($(this)[0].parentNode.nodeName != 'A') {
                imagePreview(src[index],srcList);
            }
        });
    
    })(jQuery);
    

      

  • 相关阅读:
    LOAD XML
    LOAD DATA
    INSERT 插入语句
    keras第一课
    android系统开发之开启启动
    Qt使用数据库
    微信订阅号案例之一
    python_install
    QtObject使用
    Qml_JS文件的使用
  • 原文地址:https://www.cnblogs.com/anyaran/p/4325089.html
Copyright © 2011-2022 走看看