轻量级 jQuery 看图插件 phZoom
发布时间：2014-07-01 编辑：jiaochengji.com
[phZoom] 是一个小巧的jQuery看图插件. ================================== 当前版本: phZoom 1.23 RC 更新时间: 2011.11.05 使用方法: 1. 加载jQuery库(需1.4+) 2. 加载phZoom.css, 请保证压缩包内的两张小图片与phzoom.css同级目录 3. 加载phzoom.js, 请保证其加载于jQuery库之后 4. 调用接口: $node.phzoom({ // 此处...
[phZoom] 是一个小巧的jquery看图插件.
==================================
当前版本: phZoom 1.23 RC更新时间: 2011.11.05
使用方法:
1. 加载jQuery库(需1.4+)2. 加载phZoom.css, 请保证压缩包内的两张小图片与phzoom.css同级目录3. 加载phzoom.js, 请保证其加载于jQuery库之后4. 调用接口:
$node.phzoom({// 此处为设置项, 可留空});
请把 $node 改为所需的jQuery选择器, 如: $('a:has(img)')
不管如何调用, 请务必将调用代码包在一个DOM Ready方法内, 如:
$(function(){// 此处为上面的调用接口});
以下为插件设置选项, 大括号结束前不要逗号
{
layOpacity:0.7, // 遮罩层不透明度, 默认0.7即为70%不透明 layDur:300, // 遮罩层渐显的时间, 单位毫秒 animDurA:300, // 图片从原位飞到荧幕中间的时间, 单位毫秒 animDurB:300, // 图片从小到大的变化时间, 单位毫秒 navColor:'#cf0', // 上/下一张的文本颜色, 需要引号 capColor:'#cf0', // 大图底部标题与索引的文本颜色, 需要引号 limitWidth:false // 若设为true, 特大图将不会宽于窗口(保持宽高比)
}
您可能感兴趣的文章：
轻量级 jQuery 看图插件 phZoom
jQuery图片画廊插件 Pikachoose
jQuery画廊插件 SmartGallery
jQuery图表插件 JS Charts
jQuery内容滚动插件 FlexSlider
通知消息和状态栏 jQuery jNotify
jQuery内容滚动插件 Scrollable
jQuery面包屑型导航插件 JCrumb
仿Facebook的好友选择器 fcbkListSelection
jQuery Extremes
[关闭]