jQuery縮略圖插件jQuery-Fakecrop

拉丁傳說 2018-4-13 1542

不同尺寸的圖片要以縮略圖的形式放在一起是一件很困難的事情,也許你會使用 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)
返回
發新帖
下载麻将游戏四人麻将 青海十一选五软件下载 中国足彩比分直播 福彩30选5综合走势图 全民捕鱼下 澳大利亚快乐8开奖结果 河北快3结果查询 黑龙江十一选五开奖查询结果 重庆百变王牌开奖走势图百度乐彩 广西旧快乐十分走势图 网球比分188 麻将胡牌公式 篮球场塑胶跑道 关于网赚的论坛 浙江麻将规则介绍教程 闲来长沙麻将下载链接 体育彩票走势图大全