視覚効果のあるスライダー



小野たつやホームページはこちらから

承っている要職の方のホームページで視覚効果のあるスライダーを導入しました。

最近のwebではトップページにスライダー、複数の写真がスライドして表示されるデザインはとてもよく使われていると思います、
今回は写真だけでは無くキャプション(文字)もアニメーションするようにしています。

導入はホームページ作成ツールでプラグイン(アプリ)を使って行っています、
最近のホームページはPCの大きな画面で見るだけでなく、スマホの画面で見ることも多くなっています、
そのため通常のスライダープラグインは、スマホ画面で見ようとするとそのサイズに最適化して表示します、
しかしこのプラグインはそうなっておらず、スマホで表示するとPCでの表示から上下左右を切ってしまい不完全な表示となってしまいました・・・
ですのでPCで表示した場合でも、スマホで表示した場合でもおかしくないように両者の中間サイズに調整して設定し対応しました、
pcではやや小さめの表示になっています。

またそれと別にホームページを開いてスライダーが表示されるまで少し時間が掛かります、
プラグインが動作の過程で描画の準備をしていると思われます、
写真の枚数を増やすとその分だけタイムラグが伸びてしまいますので許容範囲に収まるようにしています。