jqmobiについてやってみる、その３ カルーセル編。

sencha touchからjqmobiに浮気しています。今回はカルーセルという、指で左右にパネルを動かすと、左右にスライドするやつの話です。

githubにpushしたソースはこちら。(デモもどこかに置いておきたいですね。)
https://github.com/taktod/jqmobitest/commit/b470d3091d24e63eff2adc8fde06853cbaf9b84a

やることは

• index.htmlにjq.carousel.jsのプラグインを追加。
• index.htmlにcarousel用のdivをcontentのdivに追加
• carousel.htmlをcontentディレクトリに追加

でできます。

jqmobiはプラグインという形で必要なライブラリだけ追加していけるので便利ですね。

なお、このプラグイン追加すらもcarousel.htmlにいれてみようと思いましたがどうも、javascriptがうまく動作しないので、とりいそぎあきらめました。

では、次は何をやるかな・・・