插件描述：jQuery圖片平鋪效果制作網頁背景圖片平鋪代碼

調用JS文件

調用插件方法

$(function(){

// 插件初始化

$('img').jqthumb({

classname : 'jqthumb', // 類名. 默認是 jqthumb

width : '100%', // 新的圖像裁剪后寬度. 默認是 100px.

height : '100%', // 新的圖像裁剪后高度. 默認是 100px.

position : {

x : '50%', // 圖像的 水平 位置. 默認是 50%, 表示水平居中圖像.

y : '50%' // 圖像的 垂直 位置. 默認是 50%, 表示垂直居中圖像.

},

source : 'src', // 指定圖像源屬性. 默認是 src.

show : false, // TRUE = 顯示后立即處理. FALSE = 不表現出來. 默認是 TRUE.

responsive : 20, // 只使用老版本瀏覽器. 0 表示禁用. 默認是 20

zoom : 1, // 放大輸出, 2 表示將實際圖像大小放大兩倍. 默認是 1

method : 'auto', // 可以有 3 個方法: "auto", "modern" and "native". 默認是 auto

reinit : true, // TRUE = 當圖片重新加載重新初始化. FALSE = 不作任何處理.

before : function(oriImage){ // 每張圖片開始處理前的回調函數.

alert("I'm about to start processing now...");

},

after : function(imgObj){ // 當每個圖像剪裁時的回調函數.

console.log(imgObj);

},

done : function(imgArray){ // 當所有圖片裁剪結束后的回調函數.

for(i in imgArray){

$(imgArray[i]).fadeIn();

}

}

});

});