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. ザンビア
PAGE TOP