2014/02/07
レスポンシブ対応のコンテンツスライダー/スライドショーベスト8
![](https://co-jin.net/wp-content/uploads/2014/02/Unslider.jpg)
以前の記事「レスポンシブ対応などコンテンツスライダー/スライドショー用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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
今さら聞けない!作業時間を短縮するChrome用ショートカットベスト・コレクション
ブラウザはChromeを使ってます。 そのChromeでサイトを制作したり、ブログを書いたりしてい
-
-
CSSだけで作られた決済代行・クレジット決済サービスの無料アイコン95種「PaymentFont」WEBフォントしても使える!
CSSだけで作られた決済代行・クレジット決済サービスの無料アイコンセットをご紹介します。 ピュアC
-
-
コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider」
イメージスライダーは限られたスペースに多くの視覚的情報を盛り込めるので、ショップなどでは非常によく利
-
-
無料地図製作ツールの決定版!? 日本をはじめとする世界各国の地図をカスタマイズしてSVG,HTML,PNGで書き出せる「Pixel Map Generator」
無料地図製作ツールの決定版!?ともいえる日本をはじめとする世界各国の地図をカスタマイズしてSVG,H
-
-
無料で商用利用可のレスポンシブ/HTML5対応のテンプレートをまとめてくれている「HTML5 UP」
無料テンプレートを探すとき、どういう基準で探していますか? レスポンシブ対応? HTML5対応?
-
-
画像を使わずにCSSとWEBフォントを利用してアイコンボタンをつくる方法
アイコンに画像を利用せず、WEBフォントとCSSを使って表現する方法が徐々に増えています。 画像を
-
-
UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」
UIデザインのリニューアルの前と後をひと目で比較できるギャラリーサイトをご紹介します。 Googl
-
-
CSS3を知らなくてもOK!便利すぎるCSS3関連ツール&ジェネレーター51
CSSを入力するときには、細かいプロパティを覚えていないと、作業がなかなかはかどりません。 特に、
-
-
コンバージョン率アップ!デザインに優れた無料のHTML+CSSプライステーブル/価格表25
海外サイトなどではよく目にするプライステーブル/価格表。 この価格表は、いうまでもなく、コンバージ
-
-
シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11
CSS3を使えば、シンプルなコードなのに、ユーザーを「おっ!」と思わせる楽しい動きを簡単に実装できて