PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

默认表格图片滑轮放大

管理员 2024-12-14
Fastadmin
18

后台图片不清楚 需要放大展示
本来想直接跳新窗口
找了个鼠标滚轮放大的例子
publicassetsjsrequire-table.js里面
api的init初始化里面
image.png

 $(document).on("mousewheel DOMMouseScroll", ".layui-layer-phimg img", function (e) {                    var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie                        (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox                    var imagep = $(".layui-layer-phimg").parent().parent();                    var image = $(".layui-layer-phimg").parent();                    var h = image.height();                    var w = image.width();                    if (delta > 0) {                        if (h < (window.innerHeight * 20)) {                            h = h * 1.05;                            w = w * 1.05;                        }                    } else if (delta < 0) {                        if (h > 100) {                            h = h * 0.95;                            w = w * 0.95;                        }                    }                    imagep.css("top", (window.innerHeight - h) / 2);                    imagep.css("left", (window.innerWidth - w) / 2);                    image.height(h);                    image.width(w);                    imagep.height(h);                    imagep.width(w);                });

如果未开启调试 请重新打包后台js(搞了半天以为未生效 0.0!)


希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部