・ このブログの記事(テキスト・画像)について

2012年3月29日木曜日

【JQueryMobileとPhoneGap】 デフォルト画像表示編

前回の続き
 前回、JQueryMobileのcssファイルとjsファイルをコピペしただけだった。
これだと、アイコン画像が読み込まれません。
なので、読み込まれるようにしたいと思います。

【JQueryMobileとPhoneGapで開発する目的】

 JQueryMobileとPhoneGapを採用することで、マルチプラットフォーム開発を目指す。
異なる、ディスプレイの大きさに対応したアプリ開発を目指す。

【環境】
Eclipse 3.7 (基本的な設定済みとする。)
Jquery mobile  1.0.1
Phone Gap 1.5
Android1.6 is01
Android2.3 003sh端末
Android4.0 Galaxy Nexus
JQueryMobileとPhoneGapの環境構築済みとする。
【手順】
1.JQueryMobileでダウンロードしたフォルダのimagesフォルダをコピペしてasetes/www/
配下に持ってくる。


2.index.htmlにリストを追加する。 

3.端末へインストールする。
矢印のアイコン等が表示された。
4.imagesフォルダの設定をしなかった場合
矢印が表示されない。



 以上で、デフォルト画像の設定が完了した。

0 件のコメント:

コメントを投稿