jQuery縮略圖插件jQuery-Fakecrop

拉丁傳說 2018-4-13 1381

不同尺寸的圖片要以縮略圖的形式放在一起是一件很困難的事情,也許你會使用 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)
返回
發新帖
下载麻将游戏四人麻将