拡大表示方式の変更

遊佐町クラシックカーミーティングの写真掲載作業は完了しましたが、表示の仕方に要望をもらっていたのでちょっと挑んでみました。

要望は、スマホで見ているときに拡大写真のまま横にフリックして次の写真に移動できないか？と言うもの。

フリックの動作に対応することが出来ませんでしたが、拡大表示のまま写真の右にある「＞」を押すことで次の写真へどんどん進めるようには出来るようになりました。

同様に左の「＜」を押せば一つ前の写真に戻ります。
また、写真右下の「×」を押せば、拡大表示を抜けて一覧に戻ることも出来ます。

サムネイルを並べて、大きな画像にリンクしていただけの時よりも、だいぶ操作性は良くなったと思います。

これだけの動作をさせるのはすごく大変なのかと思っていたら、実はネット上にあるライブラリから必要なプログラムを呼び出してやるだけで、簡単に出来るのでした。
もっとも、解説サイトのままにHTMLを記述したら思うようには動かず、例文を見てメタタグやらを書き直してやっと適用しています。

とりあえず、第九回の写真集の適用は完了しました。
今後のアルバムはこの方式を踏襲しますが、それ以前のアルバムにも適用するかどうかはちょっと迷っています。


遊佐町クラシックカー愛好会HP
http://yuzaccf.web.fc2.com/