學(xué)會偷懶,并懶出境界是提高工作效率最有效的方法!
Ctrl + D 收藏我吧~
對于正規(guī)性的網(wǎng)站來說,圖片都是要經(jīng)過處理才上傳到頁面上去的,但是一般的企業(yè)或是小行業(yè)網(wǎng)站,編輯又怎么會去處理下圖片的尺寸呢,最多也就是改一下水印。所以上傳到網(wǎng)站上后顯示出來的圖片就感覺像是變了形,大小不一,長寬不一,一點也不美觀。
VMiddleImg可以實現(xiàn)圖片居中而且還可以縮放、居中、裁剪(當(dāng)然不是真正意義上的裁剪,只是把不顯示的隱藏起來了)。
此腳本擬達(dá)到以下需求:
1、當(dāng)圖片高或?qū)挸^父容器時截取中間部分顯示。
2、當(dāng)圖片寬高小于父容器時,居中顯示。
3、插件中”width”和”height”兩個參數(shù)可以設(shè)定圖片實際輸出的寬度。
4、可以通過樣式設(shè)置圖片的偏移位置,例如.themes2 li a img{ margin-top: -5px; margin-left: -5px};
5、第3點和第4點結(jié)合可以盡可能的解決一個問題,就是解決圖片邊緣模糊是造成視覺上的不爽。
不爽之處:
1、圖片上要加上width和height
2、無預(yù)加載效果
懶人圖庫搜集整理