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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
レスポンシブWEBデザインなら導入したいレスポンシブ対応CSSフレームワーク35(〜2013年9月まで)
レスポンシブWEBデザインにますます注目が集まっているようです。 つい最近では、カラーミーショップ
-
-
レスポンシブWEBデザインの確認に最適!スマホ・タブレットでの表示を一度に確認できる「Responsinator」
レスポンシブWEBデザインの確認に最適なツールをご紹介します。 このツールを使えば、スマホやタブレ
-
-
HTML/CSSをより見やすく!Google Chromeデベロッパーツールの機能拡張「SnappySnippet」が便利
「このサイトのココどうやっているんだろう?」そう思ったとき、 ソースを見るか、Chromeのデベロ
-
-
iPhoneもMacも簡単OK!CSSだけであなただけのAppleデバイスを描ける無料ジェネレーター「Pure CSS Apple Device Generator」
CSSだけでAppleデバイスを描ける無料ジェネレーター「Pure CSS Apple Device
-
-
これは魅力的!CSSだけで実装できる無料の画像ホバーエフェクト22
CSSだけで実装できる魅力的な画像用のホバーエフェクトをご紹介します。 種類は全部で22種類です。
-
-
画像URLを読み込むだけでCSSのfilterプロパティを試せる「CSS Filters Playground」
CSSで今後、ますます注目度が高まるであろうCSSフィルタ。 なにせお手軽にエフェクトをかけられる
-
-
よくわかる 初心者のためのCSS3 transitionとtransformのチュートリアル
初心者のためのCSS3 transition(トランジション)とtransform(トランスフォーム
-
-
UIデザインのインスピレーションで溢れてる「UXPorn」
サイトやWEBサービスをつくるときにどのようなUIデザインにするかは悩むところですよね。 UIをつ
-
-
レスポンシブ対応HTMLメールのフレームワーク集「Responsive HTML Email Framework」
レスポンシブ対応HTMLメールのフレームワーク集「Responsive HTML Email Fra
-
-
ユーザーを魅了するcodrops作成のマウスオーバーエフェクト21
CSS3対応のブラウザーが増えているおかげで、マウスオーバーエフェクトにも凝った演出を施しているサイ
