Android 開發教學
Open Source jquery plugins 開源插件
· jquery plugin - MyFloatingBg
· jquery plugin - MyGoogleWeather
· jquery plugin - MyLinkConfirm
· jquery plugin - MyFadeOverImage
· jquery plugin - MyTopMessageBar
· jquery plugin - MyGoogleStyleFloatingMen..
· jquery plugin - MyGooglePlusOneButton
· jquery plugin - MyTextExpander
· jquery plugin - MyLiveWallpaper
· jquery plugin - MyThumbnail
· jquery plugin - MyPianoFadingButton
· jquery plugin - MyPicResolutionSelector
· jquery plugin - MyQRCode
· jquery plugin - MyFacebookStyleSidebar
· jquery plugin - MyCnnStyleMenu
· jquery plugin - MyGoogleStyleMenu
· jquery plugin - MyLoading
· jquery plugin - MyNewLink
· jquery plugin - MyDigitClock
Android應用分享
程序設計
網頁設計
電腦及互聯網
Open Source jquery plugins 開源插件
· jquery plugin - MyFloatingBg
· jquery plugin - MyGoogleWeather
· jquery plugin - MyLinkConfirm
· jquery plugin - MyFadeOverImage
· jquery plugin - MyTopMessageBar
· jquery plugin - MyGoogleStyleFloatingMen..
· jquery plugin - MyGooglePlusOneButton
· jquery plugin - MyTextExpander
· jquery plugin - MyLiveWallpaper
· jquery plugin - MyThumbnail
· jquery plugin - MyPianoFadingButton
· jquery plugin - MyPicResolutionSelector
· jquery plugin - MyQRCode
· jquery plugin - MyFacebookStyleSidebar
· jquery plugin - MyCnnStyleMenu
· jquery plugin - MyGoogleStyleMenu
· jquery plugin - MyLoading
· jquery plugin - MyNewLink
· jquery plugin - MyDigitClock
Android應用分享
程序設計
網頁設計
電腦及互聯網
jquery plugin - MyThumbnail
分類: 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
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;
}