短视频app源码，点击查看图片，双指放大

短视频app源码，点击查看图片，双指放大实现的相关代码

<br> function openImgMain(value) {<br> <br>    let urls = value.split(",");<br>    var datas = new Array();<br>    for (let i = 0; i < urls.length; i++) {<br>        var obj = new Object();<br>        // obj.alt = name;<br>        obj.pid = i;<br>        obj.src = "/files/" + urls[i];<br>        obj.thumb = "/files/" + urls[i];<br>        datas.push(obj);<br>    }<br>    var json = {<br>        "title": "监控图片", //相册标题<br>        "id": 123, //相册id<br>        "start": 0, //初始显示的图片序号，默认0<br>        "data": datas<br>    };<br> <br>    layer.photos({<br>        photos: json<br>        , anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）<br>        , closeBtn: "1"<br>        ,success: function() {<br>        //以鼠标位置为中心的图片滚动放大缩小<br>        $(document).on("mousewheel",".layui-layer-photos",function(ev){<br>            var oImg = this;<br>            var ev = event || window.event;//返回WheelEvent<br>            //ev.preventDefault();<br>            var delta = ev.detail ? ev.detail > 0 : ev.wheelDelta < 0;<br>            var ratioL = (ev.clientX - oImg.offsetLeft) / oImg.offsetWidth,<br>                ratioT = (ev.clientY - oImg.offsetTop) / oImg.offsetHeight,<br>                ratioDelta = !delta ? 1 + 0.1 : 1 - 0.1,<br>                w = parseInt(oImg.offsetWidth * ratioDelta),<br>                h = parseInt(oImg.offsetHeight * ratioDelta),<br>                l = Math.round(ev.clientX - (w * ratioL)),<br>                t = Math.round(ev.clientY - (h * ratioT));<br>            $(".layui-layer-photos").css({<br>                width: w, height: h<br>                ,left: l, top: t<br>            });<br>            $("#layui-layer-photos").css({width: w, height: h});<br>            $("#layui-layer-photos>img").css({width: w, height: h});<br>        });<br>    }<br>       ,end: function(){ //销毁回调<br> <br>    }<br>    });<br> <br> <br>}