jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験｜BLACKFLAG

半年ほど前にここで、「jQueryでブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」と題して、画面幅めいっぱいでのコンテンツスライダーを紹介しましたが、当時紹介したスクリプト構成だとレスポンシブには対応していませんでした。 同じ、画面幅めいっぱいでのコンテンツスライダー構成でレスポンシブ対応させたパターンを必要に駆られて作成してみたので、ここでも紹介してみたいと思います。 【2014/01/15】 スライダー部分にフリック動作を追加しました。スクリプト内の設定でフリック動作のON／OFFを設定が可能です。 このスライダーはなかなか言葉では説明しずらいのでまず動作サンプルから。 「jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」サンプルを別枠で表示 スライダー中心にメイン表示エリアを設置して、その

[rinoside]

使い勝手のすごく良いスライダー！（昔使ってたの思い出せなくてやっと見つけた）素敵すぎます

[studio-h]

ウィンドウいっぱい,はみ出させる

[coemi]

カルーセル

[NEPPIE]

使ってみます

[owo_rin]

参考

[kuwa]

レスポンシブ、サムネイル対応のコンテンツスライダー

[torimoku]

レスポンシブで　左右にちょこっと見える　スライダー（カルーセル）

[minimum_sho]

レスポンシブ　スライドショー