This is a JQuery plugin can make Book style contents.
MopBook load contents from other page.

This is functionally with Modern browsers to ie6,
Smart phones and Smart pads.
Probably this is good for making Book style Apps too.

これは本のようなコンテンツがつくれるJQueryプラグインです。
MopBookは、コンテンツをべつのページからロードします。

これはモダンブラウザーからie6、スマートフォン、スマートパッドでうごきます。
おそらく、本のようなアプリづくりにも向いています。

ver.1.0.3 February 17, 2012
Requirement
jquery-1.7.1.min.js or recent releases
How to use

After download MopBook, see sauces of this page and use it as template. Top page of this site is a exsample of mopBook is shown in pop up style, watch "top.jis".

Watch "mopBookCnts.css". you have to set 3css things for each MopBook, "#anyname", "#anyname .cover" and "#anyname .sliderSet", other parts are set automatically.

MopBookをダウンロードしたあとに、このページのソースを見て、それをテンプレートのように使ってください。このサイトのトップページは、MopBookをポップアップスタイルでみせています。top.jsを見てください。

"mopBookCnts.css"を見てください。3つのcssをそれぞれのMopBookのためにセットしてください。 "#anyname"、"#anyname .cover" と "#anyname .sliderSet"です。その他はオートマチックにセットされます。

Examples
< This contains 3buttons, go to p5, go to p3 and close button. >

< これは、3つのボタンを持っています。P5へ行く、P3へ行く、クローズボタン。 >

$("#btn1").mousedown(function(){
  $("#mopBook1").mopBook({"target":"mopBook1/contents1.html #book1cnts",
    "btn":function(t){
      var b=[];
      b[0]=["goPage1-5",5,500]; /*[id of button, page, speed]*/
      b[1]=["goPage1-3",3,500];
      this.mopBookBtn(t,b);
    }
  });
});
btn1
#mopBook1
< This contains 2buttons, go to p3 and close button. >

< これは、2つのボタンを持っています。P3へ行く、クローズボタン。 >

$("#btn2").mousedown(function(){
  $("#mopBook2").mopBook({"target":"mopBook1/contents2.html #book2cnts",
    "start":[2,250],
    "btn":function(t){
      var b=[];
      b[0]=["goPage2-3",3,500];
      this.mopBookBtn(t,b);
    },
    "closeFunc":function(t){alert(t+" is closed")}
  });
});
btn2
#mopBook2
< This contains only 1 page then it has not navi. >

< これは、1つのページしか持っていません。なのでナビがありません。 >

$("#btn3").mousedown(function(){
  $("#mopBook3").mopBook({"target":"mopBook1/contents3.html #book3cnts",
    "navi":false,
    "openFunc":function(t){alert(t+" is opened")}
  });
 });
btn3
#mopBook3
Notice

If you want to put buttons in contents as exsamples, buttons have to be upper of the pages. these can not be inside of the page. think the pages are long 1content all pages together. Set buttons "left" from first page or "right" from last page.

See html of each loading contents and css of MopBook folder.

もし、コンテンツの中に、サンプルのようにボタンをおきたいなら、ボタンはページより上にないといけません。ページの内がわにはおけません。全てのページが1つになった、長いコンテンツだと考えてください。ボタンは、ファーストページの"left"から、または、ラストページの"right"からのポジションをセットしてください。

MopBookフォルダーの中の、ロードするコンテンツのhtmlとcssを見てください。

Options
target Loading content.
ロードするコンテンツ
mgn Margin of each pages.
それぞれのページのマージン
turn Margin of turn the page or back when you swipe.
スワイプしたときにページをめくるかもどるかのマージン
touchSldSpeed Speed when you click Fwd and Bwd button.
左右のボタンで動くページのスピード
touchPageSpeed Speed of the page when you swipe it.
ページをスワイプしたときのページの動くスピード
navi Set "false" If thre is only 1page.
もし1ページしかない場合は"false"にセットしてください。
start You can set start page.
スタートページをセットできます。
closeFunc You can set original function when MopBook is closed.
MopBookをとじたときのオリジナルファンクションをセットできます。
openFunc You can set original function when MopBook is opened.
MopBookを開いたときのオリジナルファンクションをセットできます。
btn You can set buttons in the contents.
コンテンツの中にボタンをセットできます。
www.mopstudio.jp/