layer.photos 图片太大不能按比例缩放问题

在使用 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是这样的。

发表评论

电子邮件地址不会被公开。 必填项已用*标注