超炫电子杂志JQ插件JMagazine

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:杂志推荐信息 [Selector] 
      StarPageNum:杂志起始页书 [Int]   
      PageCount:杂志总共页数 [Int]  
      PageWidth:杂志宽度 [Int,String]  
      PageHeight:杂志高度 [Int,String]
      DefaultPageSpeed:默认翻页动画速度 [Int]
      BeforeLoad:加载前动作 [Function]
      AfterLoad:加载后动作 [Function] 
      PageEvent:自定义翻页动画 [Function]
      PageFirst:翻到第一页的动作 [Function]
      PageLast:翻到第一页的动作 [Function]
      PageError:翻页错误动作 [Function] 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

 

转载于:https://www.cnblogs.com/jcomet/archive/2010/03/24/1693556.html