質問: iphone/androidのwebview上で、画像のみのwebページを表示させるアプリを作成しています。 前提として、htmlやcss,jsファイルや画像ファイル(png)等はすべて端末に保持させており、通信などは行いません。 具体的には、htmlファイルは1つしかなく、body内に画像を表示させ、 画面遷移する際は新しいdivを右から左へスライドさせて入れ替えてネイティプアプリのような動きをさせています。 また、新しい画面を生成する際は、beforeを使って新しいdivを生成・追加しスライドが終わったら遷移前のdivをremoveしています。 リンク等のクリックイベントは0.3秒のウェイトをさせない為、jquery mobileのtapイベントを拾っています。 ![![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/22a5f7c1f9af3d6e4ff7ced96ee3d675.png)](c34527867b2984af16a5aa84e61c14df.png) 複数画像のページもあるので、下記のソースのようにすべての画像のloadを検知してから画面遷移させるようにしています。 ``` var all_img=$(".content:not(.oldPage) img"); var img_len=all_img.length; var loaded_counter=0; //すべての画像にロードイベントを設定 for(var i=0; i
回答: jQuery、cssともにカクつくようだとwebviewの限界なのではないかと、やっぱりネイティブのようにはいきませんよね。 画像が少ないとスムーズなのであれば、新Divの方は画像をhiddenにしておいてスライド後に表示されるとかどうでしょう?