JavaScript / UI

IMAGE SLIDER.

画像スライダー

jQueryプラグイン「Slick」を使用した、レスポンシブ対応の画像スライダー。複数の画像を美しく表示し、自動再生やタッチ操作にも対応しています。

実装のポイント

view_carousel

多数の画像を限られたスペースで効率的に表示するためのUIパターン「カルーセル」を実装しています。

devices

画面サイズに応じて表示する画像の枚数やレイアウトが自動的に調整され、スマホからPCまで快適に閲覧できます。

settings_suggest

自動再生の速度、ドットインジケーターの表示、矢印のデザインなど、Slickのオプションを活用して細かく調整可能です。