jQuery縮略圖插件jQuery-Fakecrop

拉丁傳說 2018-4-13 1503

不同尺寸的圖片要以縮略圖的形式放在一起是一件很困難的事情,也許你會使用 CSS 或 JavaScript 來處理,但是這些方法要么效果不是很好,要么效果還行卻很麻煩。如果手動為每張圖片創建一張縮略圖那就更麻煩了。這個時候你可以使用?jQuery-Fakecrop,這是一個基于 jQuery 的縮略圖插件,它能夠“截圖”圖片的某一部分作為縮略圖或者完全等比例縮放,總之,jQuery-Fakecrop 能整齊的顯示你的縮略圖。

兼容性

jQuery-Fakecrop 兼容所有瀏覽器,包括 IE6、IE7。

使用方法

引入文件

<script src="js/jquery.min.js"></script>
<script src="js/jquery.fakecrop.js"></script>

JavaScript

$(function () {
?? ?$('#fakecrop-fill img').fakecrop();
});

參數

參數 類型 說明 默認值
wrapperSelector 整數 點擊菜單時,頁面滾動的速度 1000
wrapperWidth 整數 縮略圖的寬度 100
wrapperHeight 整數 縮略圖的高度 100
center 布爾值 縮略圖劇終顯示 true
fill 布爾值 縮略圖填滿容器 true
initClass 字符串 為縮略圖添加一個初始 class fc-init
doneEvent
squareWidth

演 示 下 載

最新回復 (0)
返回
發新帖
下载麻将游戏四人麻将 新疆18选7 内蒙古快3跨度 江苏休彩七位数开奖 正规酒店陪酒女做什么 香港特选四肖中特 星悦浙江宁波麻将 11选5多少钱 北京pk10计划免费 新出的棋牌游戏? 重庆时时彩五星组选走势 福彩p62走势图 手机上网怎么赚 福彩3d开机号 北京赛车pk大小走势图 番号网站 苹果填大坑app