對(duì)于正規(guī)性的網(wǎng)站來(lái)說(shuō)，圖片都是要經(jīng)過(guò)處理才上傳到頁(yè)面上去的，但是一般的企業(yè)或是小行業(yè)網(wǎng)站，編輯又怎么會(huì)去處理下圖片的尺寸呢，最多也就是改一下水印。所以上傳到網(wǎng)站上后顯示出來(lái)的圖片就感覺(jué)像是變了形，大小不一，長(zhǎng)寬不一，一點(diǎn)也不美觀。

VMiddleImg可以實(shí)現(xiàn)圖片居中而且還可以縮放、居中、裁剪（當(dāng)然不是真正意義上的裁剪，只是把不顯示的隱藏起來(lái)了）。

此腳本擬達(dá)到以下需求：

1、當(dāng)圖片高或?qū)挸�過(guò)父容器時(shí)截取中間部分顯示。

2、當(dāng)圖片寬高小于父容器時(shí)，居中顯示。

3、插件中”width”和”height”兩個(gè)參數(shù)可以設(shè)定圖片實(shí)際輸出的寬度。

4、可以通過(guò)樣式設(shè)置圖片的偏移位置，例如.themes2 li a img{ margin-top: -5px; margin-left: -5px}；

5、第3點(diǎn)和第4點(diǎn)結(jié)合可以盡可能的解決一個(gè)問(wèn)題，就是解決圖片邊緣模糊是造成視覺(jué)上的不爽。

不爽之處：

1、圖片上要加上width和height

2、無(wú)預(yù)加載效果

懶人圖庫(kù)搜集整理