您的位置:主页 > HTML/JS > jQuery图书插件JMagazine

jQuery图书插件JMagazine

JMagazine是一个做什么的东西?

现在网络运用越来也丰富,电子杂志是一个很有趣的东西。目前网络上基本都是flash的,有不易修改和加载过慢,不利于SEO的缺点,JMagazine是一个在jQuery内库下能帮你完成一个由HTML构建图片电子杂志的插件,不仅局限于图片,同时可以对每一页配置HTML代码。
查看demo 下载JMagazine
JMagazine

因为当前版本DOM操作过于频繁,导致效率过低,这一严重问题我会在空余时间修复它。

// [作者网名] AriesJia
// [邮 箱] ariesjia00@hotmail.com
// [作者博客] http://www.btorange.com/
// [更新日期] 2009-11-24
// [版 本 号] 0.2.0beta

Options:(*为必去设置内容)

属性名 类型 默认值 描述
MagJson* [Obj] Null JMagazine杂志配置文件
LeftPage* [Selector] Null 杂志左页
RightPage* [Selector] Null 杂志右页
ViewPage [Selector] Null 杂志放大页
Recommended [Selector] Null 杂志推荐信息
StarPageNum [Num] 0 杂志起始页书 <默认为0,你可以设置一个url参数或许页数>
PageCount [Num] Null 杂志总共页数
PageWidth [NumString] Null 杂志宽度<默认为100%填充杂志单页>
PageHeight [NumString] False(默认为一直显示) 杂志高度<默认为100%填充杂志单页>
DefaultPageSpeed [Num] 800 默认翻页动画速度(单位:毫秒)
BeforeLoad [Function] Function(e){} 加载前动作
AfterLoad [Function] Function(e){} 加载后动作
PageEvent [Function] false 自定义翻页动画
PageFirst [Function] false 翻到第一页的动作
PageLast [Function] false 翻到最后一页的动作
PageError [Function] Function(e){} 翻页错误动作
FoundMusic [Function] Function(e){} 发现配置有音乐后动作

Methods:

方法名 参数 描述
AutoPlay() [SPEED] 开始自动翻页(翻页速度)
StopAuto() 停止自动翻页
Zoom() [N] 放大ViewPage的图片,N为放大倍数 defaultvalue:2
PageGo() 直接后翻页
PageBack() 直接前翻页
jumpTo(n) [N] 跳转到N页,N为杂志左页的页码
ChangeDefaulf() [Obj] 修改JMAG的OPTIONS接口,obj为杂志配置文件,JSON对象
ChangeSpeed() [SPEED] 快速修改翻页速度,n为速度,单位:毫秒
getPageIMG() 获取杂志左右页面的图片src 左页 getPageIMG().left 右页getPageIMG().right
getPageNum() 获取杂志当前页数,从0开始计数
getTotalNum() 获取杂志总共页数
getMagConfig() 获取杂志配置文件

MagJson的格式为

  1. var json ={
  2. "MagIfo":{"MagName":"JMagazine插件Demo","PageCount":"10"},
  3. "MagPage":
  4. [
  5. {"Title":"JMagazine第一页…加载推荐测试","Page":"XXX.jpg","PageHtml":"","
  6. <div>Hello Jmagazine</div>
  7. ",Music:"XXX.mp3"},
  8. ]
  9. }

作者:ariesjia

前端少先队员,光荣的红领巾在胸前飘扬

继续八卦

已经3条留言

  1. chloe On 2010年06月28日12:01 下午

    效果很不錯呢,多謝提供分享~

    再請問一下,此套件可否加入下載檔案的功能呢?

  2. Ariesjia On 2010年06月28日2:44 下午

    回复 chloe On :

    效果很不錯呢,多謝提供分享~

    再請問一下,此套件可否加入下載檔案的功能呢?

    下载这个功能也正在想办法解决当中,我们目前是通过编译为.CHM的帮助文档以达到离线浏览的效果,V1.0的版本正在coding中,最近期末考所以耽误了很长时间,我会加快步伐的

  3. wade On 2012年09月26日10:58 上午

    请问该插件是否开源???

留言万岁!吹水有益健康!