dedecms5.7种列表页调用缩率图用的标签是“[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' class='preview'><img src='{@me['litpic']}'/></a>"); [/field:array]”这个标签调用出来的缩率图是没有定义图片的大小的。我们只需要用css在图片外边加一个框定义宽度超出高度隐藏,图片是不会变形的。
dedecms调用图片的标签是“[field:imglink/]”这个标签非常讨厌的一点就是它自己会在img后面加上一个“width='120' height='120'“,这样缩略图如果不是正方形的图片可能会变得不忍直视,那么我们就是去掉这个恶心的定义宽高度,解决办法如下:
用”<a href='[field:arcurl /]' target="_blank"><img src='[field:picname /]' border='0' width='***'></a>“调用标签来替换掉“[field:imglink/]”标签,宽度自己修改,高度用css定义超出隐藏,这样缩略图变形的问题就解决了。
本文介绍如何在DEDECMS5.7中优化列表页的缩略图显示,通过自定义标签解决图片尺寸和变形问题,提供CSS技巧确保图片比例正确。
3128

被折叠的 条评论
为什么被折叠?



