[rw] 駅画像の表示
路線・駅を選択し、駅に紐づいた画像を表示するアプリケーション(ページ名：mrwauxview)。
jQuery EasyUI のモバイル用テーマを適用して、モバイル環境にも対応した。
路線データ(拡張分)一覧から路線を選択し、駅一覧から駅を選択する。駅データ(拡張分)に、紐づいた画像に関する情報(種類や枚数)が保存されており、これをもとに画像を表示する。画像はあらかじめ適切な位置に配置しておく。すなわち、個々の駅ごとにページを用意しているわけではなく、指定された駅の情報・画像をデータストアからその都度取得して、プログラム的に動的にページを生成している。
- 路線選択画面(初期画面)
- 駅選択画面
- 駅情報画面
画像
駅に関連した2テーブルの情報をグリッド表示している。上のグリッドをたたむと下のグリッドが見やすくなる。
画像をクリック/タップすると拡大表示される。(PhotoSwipeを利用。)
