在使用 layui-v1.0.4 的layer.photos插件图片预览时,小图可以正常展示,大图无法正常展示,超出部分直接给截断了。
通常情况下,图片预览插件会考虑到屏幕大小问题,即能够适配不同的屏幕。也就是小图正常显示,大图缩放显示。
网上查找到的简便方法:
1、全屏预览,对于大图可以拖动查看
photos 初始化时,增加 full项为true。
layer.photos({
full: true, // 是否全屏预览(大图可以拖动)
});
引自:
layer.photos显示区域为图片原始大小如何设置?
在此感谢 贤心。
2、按屏幕大小展示
在 /layui/js/extend/layer.ext.js 文件中,
将:
return!a.full&&b[0]>d[0]&&(b[0]=d[0],b[1]=b[0]*d[1]/b[0]),[b[0]+”px”,b[1]+”px”]
替换为:
return!a.full&&b[0]>d[0]&&(b[1]=b[1]*d[0]/b[0],b[0]=d[0]),[b[0]+”px”,b[1]+”px”]
在此感谢 sphenginx。
引自:
关于新版layer.ext.js点击放大图片查看不全的bug
相关:
layui 文档
另外,对于高版本不确定是否存在此问题,在 1.0.4是这样的。
您好?您那个layer.ext.js文件还在吗?
找不到了,你可以从网上直接下载 1.0.4版。
码云:https://gitee.com/sentsin/layui/tree/v1.0.4
GITHUB:https://github.com/sentsin/layui/releases/tag/v1.0.4