phZoom輕量級 jQuery 看圖插件

[phZoom] 是一個小巧的jQuery看圖插件.

==================================

當(dāng)前版本: phZoom 1.23 RC
更新時間: 2011.11.05

使用方法:

1. 加載jQuery庫(需1.4+)
2. 加載phZoom.css, 請保證壓縮包內(nèi)的兩張小圖片與phzoom.css同級目錄
3. 加載phzoom.js, 請保證其加載于jQuery庫之后
4. 調(diào)用接口:

$node.phzoom({
// 此處為設(shè)置項, 可留空
});

請把 $node 改為所需的jQuery選擇器, 如: $('a:has(img)')

不管如何調(diào)用, 請務(wù)必將調(diào)用代碼包在一個DOM Ready方法內(nèi), 如:

$(function(){
// 此處為上面的調(diào)用接口
});

以下為插件設(shè)置選項, 大括號結(jié)束前不要逗號

{

layOpacity:0.7,     // 遮罩層不透明度, 默認(rèn)0.7即為70%不透明
layDur:300,         // 遮罩層漸顯的時間, 單位毫秒
animDurA:300,       // 圖片從原位飛到熒幕中間的時間, 單位毫秒
animDurB:300,       // 圖片從小到大的變化時間, 單位毫秒
navColor:'#cf0',    // 上/下一張的文本顏色, 需要引號
capColor:'#cf0',    // 大圖底部標(biāo)題與索引的文本顏色, 需要引號
limitWidth:false    // 若設(shè)為true, 特大圖將不會寬于窗口(保持寬高比)

}