超炫电子杂志JQ插件JMagazine
2010-03-24 10:57
218 查看
JMagazine是一个做什么的东西?
现在网络运用越来也丰富,电子杂志是一个很有趣的东西,不过大家看的大部分。基本都是flash的,有不易修改和加载过慢的缺点,JMagazine是一个在JQ下能帮你完成一个图片电子杂志的插件。
Current version: beta 0.1.3
Compressed filesize: 12,288 bytes
Author: Ariesjia
这是我做的一个小小的试例,用了 jquery ui,以及前面制作的JTooltips ,在博客园上我只是把杂志的大小改的小了一点,demo随后附上
操作:1.左键翻页
2.右键放大,放大的图片可以用鼠标拖动和滑轮滚动, 在放大图片的时候右键点击关闭(因为有了多个鼠标右键的操作说以我吧右键的菜单给屏蔽了)
3.自动翻页自动记录上一操作为前翻或者后翻,并保持状态
4.url中有page这个值,这个值设定杂志的初始页面,发送链接时候记录
接口介绍
JMag()
MagJson:JMagazine杂志配置文件 [Obj] <具有一个格式的json对象,具体我在后面说>
LeftPage:杂志左页 [Selector]
RightPage:杂志右页 [Selector]
ViewPage:杂志放大页 [Selector]
Recommended:杂志推荐信息 [[b]Selector][/b]
StarPageNum:杂志起始页书 [Int]
PageCount:杂志总共页数 [[b]Int]
[/b] PageWidth:杂志宽度 [[b]Int,String] [/b]
PageHeight:杂志高度 [[b]Int,String][/b]
DefaultPageSpeed:默认翻页动画速度 [Int]
BeforeLoad:加载前动作 [Function]
AfterLoad:加载后动作 [[b]Function][/b]
PageEvent:自定义翻页动画 [[b]Function][/b]
PageFirst:翻到第一页的动作 [[b]Function]
[/b] PageLast:翻到第一页的动作 [[b]Function]
[/b] PageError:翻页错误动作 [[b]Function] [/b]PageError的优先级比 PageFirst及PageLast低,如果执行了PageLast或PageFirst就不会执行 PageError
StopAuto() 停止自动翻页
Zoom() 放大ViewPage的图片,defaultvalue:2
AutoPlay() 开始自动翻页
PageGo() 翻一页如果后翻缓存一个data('style','PageGo');如果前翻就缓存一个.data('style','PageBack');再执行PageGo()
getPageIMG() 获取杂志左右页面的图片src 左页 getPageIMG() .left 右页getPageIMG() .right
getPageNum() 获取杂志当前页数,从0开始计数
getTotalNum() 获取杂志总共页数
getMagConfig() 获取杂志配置文件
jumpTo() 跳转到N页,N为杂志左页的页码
目前就有这么多,我会继续更新的,既然是html的电子杂志,我会在下一个 beta版中加入每个页面能单独配置HTML代码的功能
插件下载:http://files.cnblogs.com/ariesjia/JMagazine.js
现在网络运用越来也丰富,电子杂志是一个很有趣的东西,不过大家看的大部分。基本都是flash的,有不易修改和加载过慢的缺点,JMagazine是一个在JQ下能帮你完成一个图片电子杂志的插件。
Current version: beta 0.1.3
Compressed filesize: 12,288 bytes
Author: Ariesjia
这是我做的一个小小的试例,用了 jquery ui,以及前面制作的JTooltips ,在博客园上我只是把杂志的大小改的小了一点,demo随后附上
操作:1.左键翻页
2.右键放大,放大的图片可以用鼠标拖动和滑轮滚动, 在放大图片的时候右键点击关闭(因为有了多个鼠标右键的操作说以我吧右键的菜单给屏蔽了)
3.自动翻页自动记录上一操作为前翻或者后翻,并保持状态
4.url中有page这个值,这个值设定杂志的初始页面,发送链接时候记录
接口介绍
JMag()
MagJson:JMagazine杂志配置文件 [Obj] <具有一个格式的json对象,具体我在后面说>
LeftPage:杂志左页 [Selector]
RightPage:杂志右页 [Selector]
ViewPage:杂志放大页 [Selector]
Recommended:杂志推荐信息 [[b]Selector][/b]
StarPageNum:杂志起始页书 [Int]
PageCount:杂志总共页数 [[b]Int]
[/b] PageWidth:杂志宽度 [[b]Int,String] [/b]
PageHeight:杂志高度 [[b]Int,String][/b]
DefaultPageSpeed:默认翻页动画速度 [Int]
BeforeLoad:加载前动作 [Function]
AfterLoad:加载后动作 [[b]Function][/b]
PageEvent:自定义翻页动画 [[b]Function][/b]
PageFirst:翻到第一页的动作 [[b]Function]
[/b] PageLast:翻到第一页的动作 [[b]Function]
[/b] PageError:翻页错误动作 [[b]Function] [/b]PageError的优先级比 PageFirst及PageLast低,如果执行了PageLast或PageFirst就不会执行 PageError
StopAuto() 停止自动翻页
Zoom() 放大ViewPage的图片,defaultvalue:2
AutoPlay() 开始自动翻页
PageGo() 翻一页如果后翻缓存一个data('style','PageGo');如果前翻就缓存一个.data('style','PageBack');再执行PageGo()
getPageIMG() 获取杂志左右页面的图片src 左页 getPageIMG() .left 右页getPageIMG() .right
getPageNum() 获取杂志当前页数,从0开始计数
getTotalNum() 获取杂志总共页数
getMagConfig() 获取杂志配置文件
jumpTo() 跳转到N页,N为杂志左页的页码
目前就有这么多,我会继续更新的,既然是html的电子杂志,我会在下一个 beta版中加入每个页面能单独配置HTML代码的功能
插件下载:http://files.cnblogs.com/ariesjia/JMagazine.js
相关文章推荐
- 超炫电子杂志JQ插件JMagazine
- jq图片预加载+自动等比例缩放插件
- jq插件之仿“卓越亚马逊”首页弹出菜单效果
- JS、JQ、FancyZoom 插件,分别实现兼容IE和火狐图片缩小放大
- 试乐园-电子杂志 频道即将推出!
- jQuery插件:jqTransform表单美化
- 发布两款JQ小插件(图片查看器 + 分类选择器),开源
- 金笛邮件内嵌企业电子期刊、电子杂志发行系统
- jQ6 插件
- JQ插件开发详解
- 大连爱在海边儿童村第三期电子杂志draft
- 中国第一本UI类电子杂志发布
- jq插件chosen设置选中
- 电子杂志客户端阅读体验
- JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明
- [JQ权威指南]页面遮盖插件LoadMask
- 《镜界—尼康单反相机电子杂志v2》…
- 《镜界—尼康单反相机电子杂志v2》…
- 电子杂志门户排名
- VBA脚本实现痕迹保留、手写签名、电子印章的插件