2014/02/07
レスポンシブ対応のコンテンツスライダー/スライドショーベスト8
以前の記事「レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+」でコンテツスライダー/スライドショーをまとめてご紹介させていただきましたが、今回はレスポンシブWEBデザインに対応したコンテツスライダー/スライドショーのみに絞ってご紹介したいと思います。
レスポンシブ対応のサイトが増えているので、スライドショーもやっぱりレスポンシブ対応が楽でいいですよね。
Unslider
設置も簡単なシンプルスライダー。
キーボードからの操作も可能です。
画像だけでなく、テキストや動画などにも対応。
Unslider
ResponsiveSlides.js
超軽量で実装も簡単なシンプルコンテツスライダー/スライドショー用プラグイン。
ResponsiveSlides.js
Camera
キャプションを表示したり、ローディングアニメーションが付いていたり、画像の切り替えアニメーションが豊富なプラグイン。
Camera
Flexslider
シンプルで設置も簡単な人気のプラグイン。
Flexslider
bxSlider
オプションが豊富ながら設置も簡単なプラグイン。
動画やHTMLコンテツなどにも対応しています。
DemojbxSlider
SlidesJS
こちらも設置が簡単なプラグイン。
SlidesJS
Nivo Slider
3タイプの表現が可能なプラグイン。
DemoNivo Slider
Cycle2
さまざまな表現が可能なコンテツスライダー/スライドショー用プラグイン。
DemoCycle2
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider」
イメージスライダーは限られたスペースに多くの視覚的情報を盛り込めるので、ショップなどでは非常によく利
-
これが無料!ハイクオリティーなPhotoshop用WEBデザインテプンレート(psd)60+
海外のデザイナーがPhotoshopで作成したWEBデザイン用のテンプレート(psdファイル)をまと
-
レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+
サイトのコンテンツをリッチに見せるだけでなく、省スペースで数多くのコンテンツを効率的・効果的に表示で
-
Sketch用の無料フリー素材1500+ 2015年04月
Sketch用の無料フリー素材を集めてみました。 Mac専用ということもあり、日本ではPhotos
-
激易!YouTubeなどの動画やGoogleMapsをコピペだけでレスポンシブ化「Embed Responsively」
YouTubeやViemoなどの動画、あるいはGoogleMapsをコピペだけでレスポンシブ化できて
-
SVGベースのオリジナルなシームレスパターンを作ってダウンロードできる「Plain Pattern」
今回ご紹介するのはSVGベースのシームレスパターンを簡単につくれて、PNG形式でダウンロードできてし
-
動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos」は必見
動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos
-
CCSだけで見出しに自動で連番を記入する方法
当ブログでは「◯◯100」といった感じの記事をよく書かせていただいています。 こうしたとき、以前ま
-
jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
2014年に登場したベストなjQueryプラグインを50個ご紹介します。 レイアウト系のプラグイン
-
レスポンシブWEBデザイン用ナビゲーション&メニューのベストパターン16
レスポンシブWEBデザインは当たり前の世の中になりました。 当たり前になるにつれて、レスポンシブW