新闻中心

zblog控制缩略图大小不变形的方法

作者 / 无忧主机 时间 2016-01-11 13:07:57

因为zblog博客程序的老版本是没有自带调用缩略图功能的,所以很多的站长朋友都会选择下载安装文章缩略图插件minitu插件来实现调用文章缩略图的功能。虽然minitu插件非常实用,可以帮我们轻松实现文章缩略图的调用,以此弥补程序本身的缺陷,但是对于minitu插件自身它也有一点缺陷,那就是关于文章调用的缩略图会变形的问题。如果调用的文章图片比例和原来的比例不符,或者同时调用几处的缩略图尺寸不一样的时候,这些缩略图就会变形。所以针对这个缩略图变形的情况,无忧主机小编现在基于php免备案空间来给站长朋友们完美的解决掉这个问题。 首先我们先来了解一下minitu插件代用缩略图的代码:

<a href="****" target="_blank" title="****"><img src="****" alt="****" /></a>
从代码中我们可以了解到这个插件的图片调用方法和参数,对此我们可以用<i>标签把图片的代码先装起来,然后用css样式来重新定义这个<i>标签的样式。思路理清了之后,我们先添加如下代码:
<i id="tu"><a href="****" target="_blank" title="****"><img src="****" alt="****" /></a></i>
然后添加css样式代码,用来设置<i>标签的宽度和高度,隐藏超出的部分;设置调用图片的宽度,高度忽略,避免图片尺寸不符导致图片变形,代码如下:
#tu { display: block; height: 106px; width: 144px; overflow: hidden; } #tu img { width: 144px; }

代码编辑好了后点击保存,在网站后台重建一下文件就可以了。

无忧主机相关文章推荐阅读:

ZBLOG添加背景图片的快捷方法

修改ZBLOG文章页的关键词和描述的方法

修改ZBLOG首页和列表页的关键词和描述方法

本文地址:https://www.51php.com/zblog/21329.html

1
1
1
1
1
1
1