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

関連記事

  1. jQueryプラグインのスライダー集

    JavaScript

    【jQueryプラグイン】素晴らしい機能が満載のスライダー集

    jQueryプラグインには様々な役立つ機能がありますが、中でも人気が高…

  2. Pilpil

    JavaScript

    プログレッシブ形式で画像表示時間を短縮してくれる「Pilpil」

    Pilpilは、ページの画像表示の時間を短縮するためのJSライブラリで…

  3. JavaScript

    とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる

    とても簡単かつ軽量なjQueryのスライダー「jQuery Slide…

  4. Tosrus

    JavaScript

    スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

    TosrusというjQueryプラグインを使えば、スワイプやスクロール…

  5. JavaScript

    blur効果で要素を簡単にぼかしてくれるjQueryプラグイン「Foggy」

    FoggyというjQueryプラグインを使ってみました。これを使えば指…

  6. WEB TICKER

    JavaScript

    テキストや画像を無限にスクロールさせれるティッカー実装「WEB TICKER」

    WEB TICKERは、テキストや画像、リストなどさまざまなコンテンツ…

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP