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. Stripe.Com Navigation

    JavaScript

    コンテナがアニメーションで可変するナビゲーション「Stripe.Com Navigation」

    ナビゲーションメニューのコンテナがアニメーションで可変するドロップダウ…

  2. sticky-items

    JavaScript

    HTML要素をページ上部に固定させれるjQueryプラグイン「sticky-items」

    sticky-itemsは指定したHTML要素をWebページの上部に付…

  3. Auto-Text-Scroll

    JavaScript

    自動でテキストが垂直にスクロールしていく「Auto-Text-Scroll」

    Auto-Text-Scrollは自動でテキストが垂直でスクロールして…

  4. no-image

    JavaScript

    シンプルなドロップダウンメニューを実装できるjQueryプラグイン「snakeMenu」

    snakeMenuはシンプルなアニメーションによるドロップダウンメニュ…

  5. pixelate.js
  6. DD Scroll Boxes

最近の記事

  1. サーモンアボカドサラダラップとドリップ
  2. 猿田彦フレンチ
  3. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  4. ビジネスホテル
  5. ドリップコーヒー

アーカイブ

PAGE TOP