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. Responsive Parallax Drag-slider With Transparent Letters
  2. socialShare.js
  3. BetterToggle

    JavaScript

    要素を拡大しながら表示させたり非表示にしたりできるjQueryプラグイン「BetterToggle」…

    面白いjQueryプラグインがあったのでご紹介します。指定した要素を拡…

  4. percircle

    JavaScript

    カスタマイズもできるパーセンテージのサークル実装「percircle」

    percircleはCSSによるパーセンテージのサークルを実装できるj…

  5. Modaal

    JavaScript

    アクセシビリティに優れたモーダルウィンドウを実装できる「Modaal」

    ModaalはWCAG 2.0のレベルAAをサポートしているアクセシビ…

  6. JavaScript

    シンプルでカスタマイズも簡単にできるjQueryプラグイン「Twitter Follow Box W…

    とてもシンプルでカスタマイズもしやすいjQueryプラグイン「Twit…

最近の記事

  1. WiMAX
  2. 甘柿
  3. 冬用のふとん
PAGE TOP