手机端点击图片全屏预览

最新推荐文章于 2024-05-25 09:36:29 发布

暂未成功人士.

最新推荐文章于 2024-05-25 09:36:29 发布

阅读量1.2k

点赞数

分类专栏：手机端插件文章标签：图片放大手机端图片查看

本文链接：https://blog.csdn.net/qq_39747054/article/details/98592808

版权

手机端插件专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!doctype html>

手机端点击图片全屏预览

    <div class="category">
        <img src="1.jpg" class="pic" width="300px">
        <img src="2.jpg" class="pic" width="300px">
    </div>
    <script>　

        // 点击查看大图
        function funcReadImgInfo(){
            var imgs = [];
            var imgObj = $(".category .pic");//这里改成相应的对象
            for(var i=0; i<imgObj.length; i++){
                imgs.push(imgObj.eq(i).attr('src'));
                imgObj.eq(i).click(function(){
                    var nowImgurl = $(this).attr('src');
                        WeixinJSBridge.invoke("imagePreview",{
                            "urls":imgs,
                            "current":nowImgurl
                        });
                });
            }
        }

        $(function(){
            funcReadImgInfo();
        });
     </script>
</body>