Home 主頁 Service 服務計畫 Android App 手機程式 Expertise 專業領域 Blog 博客 Download 下載 FAQ 網頁製作常見問題 Support 支援 Links 友情連結 Contact Us 聯絡我們

jquery plugin - MyThumbnail

發佈: 06-23-2011

分類: Open Source jquery plugins 開源插件

這jquery plugin可以幫助你在client side顯示同樣大小及座向的縮圖。有時候,你有幾張大小不一的小圖片, 如果就這麼放在網頁中,看起來會有點不整齊。你可以利用這個plugin為你的thumbnail做點修飾。你可以把圖片轉 為橫向或直向,或是最方便的正方形。縮圖將會以best fit形式顯示(須有CSS3支持),圖片焦點則是正中央。你也可以處理任何server上的圖片,不一定是要在自己的web server上。請看DEMO!

Download: jquery.MyThumbnail.js

Demo: MyThumbnail

License: MIT License

作者: KF Software House

Html code:

 

HTML Code:

jQuery Code:

$("#thumbnailList1 img").MyThumbnail({
  thumbWidth:120,
  thumbHeight:100,
  backgroundColor:"#ccc",
  imageDivClass:"myPic"
});

//OR just

$("#thumbnailList1 img").MyThumbnail();

CSS code:

.myPic
{
  margin:10px;
  border-radius:10px;
  border:1px solid #ccc;
}
訪客: Copyright ©2011 KF Software House 版權所有 | 網站地圖