A simple DIY responsive image slideshow

JavaScript

レスポンシブでスワイプ対応のスライダー「A simple DIY responsive image slideshow」

A simple DIY responsive image slideshowはレスポンシブでスワイプにも対応したスライダーを実装することができるjQueryプラグインです。jQueryを使わないバージョンも用意されています。

A simple DIY responsive image slideshow

デモ

左右に設置された矢印をクリックすると画像がフェードで切り替わっていきます。画面いっぱいに広がったダイナミックなスライダーですね。

レスポンシブに対応しているので、画面を縮小してもそれに合わせて最適化されます。実際にiPhoneで確認してみたところ、スワイプで画像を切り替えることもできて使いやすかったです。

A simple DIY responsive image slideshow made with HTML5, CSS3, and JavaScript | Getting Unstuck

Responsive Sidebar Navigation管理しやすいナビゲーションを実装できる「Responsive Sidebar Navigation」前のページ

美しいオーバーレイメニューを実装できる「Responsive overlay menu」次のページResponsive overlay menu

最近の記事

  1. 豆虎
  2. 麻辣湯
  3. 神獣獅子舞を撃破
  4. アールグレイのスコーンとラテ
  5. ドラゴンクエスト3とサイレントヒル2
PAGE TOP