资讯专栏INFORMATION COLUMN

非微信图文网页在微信中点击放大滑动浏览

focusj / 2783人阅读

摘要:新建函数,用来调用微信图片预览接口,代码如下新建点击图片的函数其意义是当点击图片时,把所有要显示的图片存入数组并且传递给的图片预览接口,然后放大显示图片,代码如下最后当调用执行即可

在微信图文网页中,当点击图片时会放大图片并支持滑动浏览,那么,非微信图文在微信中浏览时,当点击图片后,怎么才能达到这种效果了?好在微信公众号的js-sdk中提供了图片预览接口:

wx.previewImage({
    current: "", // 当前显示图片的http链接
    urls: [] // 需要预览的图片http链接列表
});

1.为了简化代码,首先引入jq(此处省略),第一步则是获取图片, obj为图片容器,例入("wraper img")。

        function getImg(obj){
            var m = [];
            for(var i=0; i< obj.length; i++){
                m[i] = obj[i].src;
            }
            
            return m;
        }

2.新建函数preview,用来调用微信图片预览接口,代码如下:

                function preview(current, urls){
                    if(!current || urls.length == 0){
                        return ;
                    }
                    WeixinJSBridge.invoke("imagePreview", { 
                        "current": current,
                        "urls": urls
                    });
                }

3.新建点击图片的函数img_click;其意义是当点击图片时,把所有要显示的图片存入数组并且传递给js-sdk的图片预览接口,然后放大显示图片,代码如下:

        function imgClick(obj){
            $(obj).click(function(){
                var src = getImg(obj);
                var curent = $(this).index();
                preview(src[curent], src);
            });
        }

4.最后当调用执行imgClick即可

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/79217.html

相关文章

  • 微信H5支付如何调用外部浏览器完成支付

    摘要:最近一个项目在微信中如何支付,一个微信商城的客户,他的微信支付在微信端中是无法完成支付的。然后跳到微信完成支付。 最近一个项目在微信中如何H5支付,一个微信商城的客户,他的微信H5支付在微信端中是无法完成支付的。这是令人非常蛋疼的事。那么要怎么解决微信H5支付这个问题呢?查了一下简单的资料发现 微信H5支付必须是微信以外的浏览器调取微信客户端进行微信支付,这是令人非常蛋疼的事。那么要怎...

    Codeing_ls 评论0 收藏0
  • 微信扫二维码下载apk跳转浏览器打开的方式(及微信屏蔽下载解决方案)

    摘要:需求想让用户在微信扫描二维码或者点击就能下载,并统计被扫描次数。下面为大家轻松实现,在微信中扫描二维码或点击链接直接下载的方法。解决掉了微信中下载链接被屏蔽等问题。充分利用微信的用户群体来宣传引流。 需求:想让用户在微信扫描二维码或者点击就能下载APP,并统计被扫描次数。两种实现方法: 1.一般我们用草料生成二维码,如果没有注册的话只能生成一个包含下载网址的静态码,没有统计功能,而且除...

    hoohack 评论0 收藏0
  • 微信中无法下载APP的解决方案(微信自动跳转浏览器打开下载链接)

    摘要:但是微信接口会自动屏蔽含或文件的下载链接,不允许直接通过微信下载安装文件。被封域名后台用户在微信中打开连接就会提示不存在或已停止访问的提示。这样我们能够极大的提高自己的在微信中的推广转化率。解决掉了微信中下载链接被屏蔽等问题。 目前的APP基本都支持二维码扫描下载,二维码下载也成为了大家用起来很顺手的一种方式。由于微信的用户基本占据了国内市场的90%,说到扫一扫用户第一个想到的就是打开...

    UsherChen 评论0 收藏0
  • 微信如何实现自动跳转到用其他浏览器打开指定页面下载APP

    摘要:旋风微跳是一款基于微信后端开发了一款微信营销下载推广助手,使用了本插件生成的链接,用户在微信任意环境下点击链接或者扫描二维码,可以实现直接跳转手机默认浏览器并打开指定网页。解决掉了微信中下载链接被屏蔽等问题。 微信扫描二维码安装apk时,如何避免点击右上角?——这个问题困扰很多App的推广团队。 其实自从腾讯开放平台战略以来,拥有中国强大互联网资源的腾讯站在更高的战略高度上,以自信的态...

    RayKr 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<