MASATAKA KIMURA BLOG

イメージビュワー

[概要]
汎用的なイメージビュワーです。
デモではアニメーション効果(スライドあり -> フェードインのみ -> アニメーション無し)にコードで切り替えてます。

[制作時期]
2013年

[制作期間]
基本機能 = 1週間 (その後アップデート)

[特徴]
・スマートフォン対応
・アニメーション ON/OFF可能
・アニメーション効果(フェードイン、スライド)など切り替え可能
・読み込み時はリサイズイベントを一度だけ行う仕様にしました。
・キーボード左右でも画像切り替え可能。
・画像のタイトルもテキストで表示可能
・大きい画像はウインドウいっぱいになるべく大きく表示。
・小さい画像は実寸表示に条件式を設けました。

[実際に使用しているWebサイト]
・崩壊学園 など

[そのほか]
jQueryビュワーなどが一般的に使われますが、"非同期通信"で利用する際や、状況に合わせて融通が利くオリジナルのビュワーを作成しました。
中サイズの画像だとアニメーション効果があったほうが心地よく、特大サイズの画像の場合はアニメーション無しに切り替えます。