dede首页缩略图不变形的解决方法

dede首页缩略图不变形的解决方法

admin

2013 - 03 - 25

网站制作

浏览:1661

无评论

我们在制作织梦dede网站时，经常用到缩略图，但是有时候我们无法控制缩略图的长宽，导致缩略图发生变形，在网上搜了好多的方法，但是没有几个适合的，今天自己琢磨了一种方法，不是很好，但分享给大家，我们一起讨论使用。

其实方法很简单，现举例说明，大家看此代码

<a href=”[field:arcurl/]” title=”[field:title/]“><img
alt=”[field:title/]” src=”[field:picname/]” style=”clip:rect(0 73px 93px
0);position: absolute; height: 103px” border=”0″></a>

调用缩略图是：”[field:picname/]“，在其后加上这一段style=”clip:rect(0 73px 93px 0);position:
absolute; height: 103px”就可以了。

说明一下，73px是裁剪图片的宽，93px是裁剪图片的长，而其后方的103px是图片的原始高度。

很多人对clip:rect不了解，大家可以从网上查查，应用到缩略图是一种不错的方式，它的目的就是在原先尺寸的图片上截取一块进行显示，而图片不变形。

有问题的可以询问啊！