0
点赞
收藏
分享

微信扫一扫

解决Layer.photos带按钮后,小图片显示不出来和长图片翻页按钮点不中的问题

小亦同学321 2022-04-26 阅读 60
javascript

Layer虽然不更新了,但依然十分活跃,笔者在使用的过程中发现Layer.photos带按钮后,小图片显示不出来和长图片翻页按钮点不中的问题,目前我的解决思路是直接限定Area参数的最小宽度和高度,直接在改动layer项目文件

在r.photos下更改以下内容:

var imgHeight=n.height<200?200:n.height;//Mod by Shenjiujun 20220426 NewAdd
                r.close(l.loadi),
                l.index = r.open(i.extend({
                            type: 1,
                            area: function () {
                                var a = [n.width, n.height],
                                o = [i(e).width() - 100, i(e).height() - 100];
                                if (!t.full && (a[0] > o[0] || a[1] > o[1])) {
                                    var r = [a[0] / o[0], a[1] / o[1]];
                                    r[0] > r[1] ? (a[0] = a[0] / r[0], a[1] = a[1] / r[0]) : r[0] < r[1] && (a[0] = a[0] / r[1], a[1] = a[1] / r[1])
                                }
								var a0=a[0]<200?200:a[0];//Mod by Shenjiujun 20220426 NewAdd
								var a1=a[1]<200?200:a[1];//Mod by Shenjiujun 20220426 NewAdd
                                return [a0 + "px", a1 + "px"];
								//return [a[0] + "px", a[1] + "px"];//Moded
                            }
                            (),
                            title: !1,
                            shade: .9,
                            shadeClose: !0,
                            closeBtn: !1,
                            move: ".layui-layer-phimg img",
                            moveType: 1,
                            scrollbar: !1,
                            moveOut: !0,
                            anim: 5 * Math.random() | 0,
                            skin: "layui-layer-photos" + c("photos"),
                            content: '<div class="layui-layer-phimg" style="height:'+imgHeight+'px"><img src="' + d[u].src + '" alt="' + (d[u].alt || "") + '" layer-pid="' + d[u].pid + '"><div class="layui-layer-imgsee">' + (d.length > 1 ? '<span class="layui-layer-imguide"><a href="javascript:;" class="layui-layer-iconext layui-layer-imgprev"></a><a href="javascript:;" class="layui-layer-iconext layui-layer-imgnext"></a></span>' : "") + '<div class="layui-layer-imgbar" style="display:' + (a ? "block" : "") + '"><span class="layui-layer-imgtit"><a href="javascript:;">' + (d[u].alt || "") + "</a><em>" + l.imgIndex + "/" + d.length + "</em></span></div></div></div>",
                            success: function (e, i) {
                                l.bigimg = e.find(".layui-layer-phimg"),
                                l.imgsee = e.find(".layui-layer-imguide,.layui-layer-imgbar"),
                                l.event(e),
                                t.tab && t.tab(d[u], e)
                            },
                            end: function () {
                                l.end = !0,
                                i(document).off("keyup", l.keyup)
                            }
                        }, t))
            }

注释部分为修改的部分

举报

相关推荐

0 条评论