香港独立IP空间
香港php空间
美国php空间
域名注册

因为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首页和列表页的关键词和描述方法

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

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读: