アプリ映像7 (jQuery2 & jQuery Mobile)
2013/3/24 14:41 | Category アプリ開発実践フェーズ | Comment (0)
■jQuery基礎
(18)プラグイン(ページスクローラー)を使用する[1] 【plugin/page-scroller/index.html】
(19)プラグイン(ページスクローラー)を使用する[2] 【plugin/page-scroller/index.html】
コリス スムーズページ スクローラー
(20)プラグイン[画像の拡大表示]を使用する[1] 【plugin/fancybox/index.html】
※基本の拡大のみは、class=”menImg” を設定して、fancyboxを呼び出すだけ。
$( function(){
$( “.menuImg”).fancybox();
});
(21)プラグイン[画像の拡大表示]を使用する[2] 【plugin/fancybox/index2.html】
▼写真タイトルの表示
title=”シラスサラダ”
▼次の写真への矢印で見れるグループの設定
data-fancybox-group=”gallery”
▼TIPS & TRICKS
http://fancyapps.com/fancybox/#useful
(22)プラグイン(スライドショー)を使用する[1] 【plugin/slidesjs/index.html】
▼slides js
(23)プラグイン(スライドショー)を使用する[2] 【plugin/slidesjs/index.html】
(24)プラグイン(スライドショー)を使用する[3] 【plugin/slidesjs/index.html】
ページネーション : スライドのボタン
$( “#slides”).slides( {
generatePagination: false,
play: 5000,
bigTarget: true
});
▼オプション
effect: ‘fade’,
crossfade: true
公式サイトで、オプションを参照。
■jQueryMobile
(1)jQueryMobileとは 【jQueryMObile.pdf】
【jQuery Mobileサイト】
http://jquerymobile.com/
【 jQuery Mobile日本語リファレンス】
http://dev.screw-axis.com/doc/jquery_mobile/
フレームワーク/framework：
枠組み、サイト等を構築するときの下地みたいなもの
jQueryMobile対応について
http://jquerymobile.com/gbs/
グレードAが全ての機能が使用することが可能です
▼jQueryMobileの基本形 【sample0/sample0.html】
(2)jQueryMObile1 [ページ作成]