因?yàn)?a href="http://www.gle-technology.com/zblog">zblog博客程序的老版本是沒有自帶調(diào)用縮略圖功能的，所以很多的站長(zhǎng)朋友都會(huì)選擇下載安裝文章縮略圖插件minitu插件來實(shí)現(xiàn)調(diào)用文章縮略圖的功能。雖然minitu插件非常實(shí)用，可以幫我們輕松實(shí)現(xiàn)文章縮略圖的調(diào)用，以此彌補(bǔ)程序本身的缺陷，但是對(duì)于minitu插件自身它也有一點(diǎn)缺陷，那就是關(guān)于文章調(diào)用的縮略圖會(huì)變形的問題。如果調(diào)用的文章圖片比例和原來的比例不符，或者同時(shí)調(diào)用幾處的縮略圖尺寸不一樣的時(shí)候，這些縮略圖就會(huì)變形。所以針對(duì)這個(gè)縮略圖變形的情況，無憂主機(jī)小編現(xiàn)在基于php免備案空間來給站長(zhǎng)朋友們完美的解決掉這個(gè)問題。 首先我們先來了解一下minitu插件代用縮略圖的代碼：

<a href="****" target="_blank" title="****"><img src="****" alt="****" /></a>

從代碼中我們可以了解到這個(gè)插件的圖片調(diào)用方法和參數(shù)，對(duì)此我們可以用<i>標(biāo)簽把圖片的代碼先裝起來，然后用css樣式來重新定義這個(gè)<i>標(biāo)簽的樣式。思路理清了之后，我們先添加如下代碼：

<i id="tu"><a href="****" target="_blank" title="****"><img src="****" alt="****" /></a></i>

然后添加css樣式代碼，用來設(shè)置<i>標(biāo)簽的寬度和高度，隱藏超出的部分；設(shè)置調(diào)用圖片的寬度，高度忽略，避免圖片尺寸不符導(dǎo)致圖片變形，代碼如下：

#tu { display: block; height: 106px; width: 144px; overflow: hidden; } #tu img { width: 144px; }

代碼編輯好了后點(diǎn)擊保存，在網(wǎng)站后臺(tái)重建一下文件就可以了。

無憂主機(jī)相關(guān)文章推薦閱讀：

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

修改ZBLOG文章頁的關(guān)鍵詞和描述的方法

修改ZBLOG首頁和列表頁的關(guān)鍵詞和描述方法

本文地址：http://www.gle-technology.com/zblog/21329.html

上一篇: zblog添加背景圖片的快捷方法
下一篇: zblog關(guān)于安裝多說評(píng)論插件的一些問題