スライダー

http://excolo.github.io/Excolo-Slider/

【Excolo Slider】タッチにも対応しているシンプルなjQueryプラグイン

Lisence: MITライセンス
Tag: スライダー画像
http://owlgraphic.com/owlcarousel/#customizing

【Owl Carousel】タッチ操作やレスポンシブにも対応したカルーセルを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: ギャラリーレスポンシブ
http://tympanus.net/Tutorials/ItemSlider/

【Simple Multi-Item Slider】商品のスライダー表示につかえるjQueryプラグイン

Lisence: MITライセンス
Tag: GitHubjQueryスライダー
http://sachinchoolur.github.io/lightslider/

【JQuery lightSlider】レスポンシブ,タッチ操作,Youtubeなど動画の埋め込みにも対応した高機能スライダー

Lisence: MITライセンス
Tag: GitHubjQueryYouTubeスライダー動画画像
http://srobbin.com/jquery-plugins/backstretch/

【BACKSTRETCH】バックの余白に画像をスライド表示するjQueryプラグイン

Lisence: MITライセンス
Tag: jQueryスライダー画像
http://codepen.io/boompx/full/wBmeQb/

【bpHS.js】レスポンシブ対応のスライダーを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: jQueryスライダー
http://www.serie3.info/s3slider/demonstration

【s3slider】テキストと画像をスタイリッシュにスライドさせるjQueryプラグイン

画像とテキストをタイミングをずらして、スタイリッシュにスライドさせることができます。 ライセンスはCreative Commons Attribution 2.5.です。

Lisence: クリエイティブコモンズ
Tag: スライダーテキスト
http://meandmax.github.io/lory/

【lory】タッチデバイス対応、高機能なスライダーを実装するスクリプト

Lisence: MITライセンス
Tag: スライダータッチデバイス
http://www.juntamng.com/eco-Scroll/

【eco-Scroll】スクロールするさまざまなUIエレメントを無限スクロール対応にするjQueryプラグイン

Lisence: MITライセンス
Tag: コンテンツスライダースライダースワイプフリック
http://flickity.metafizzy.co/

【Flickity】レスポンシブ・フリックに対応したスライダー

jQueryに依存しないスライダースクリプト。レスポンシブ対応、モバイル端末のフリックにも対応。

Lisence: GPLライセンス
Tag: スライダータッチデバイスレスポンシブ
http://tympanus.net/Development/Slicebox/

【slicebox】立体的に画像をスライスするアニメーションjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーションスライダー回転
http://jsrun.it/vinton/oEC3

【RotatingImageSlider】少し変わったスライダーjQueryプラグイン

Lisence: MITライセンス
Tag: スライダー
http://www.bchanx.com/slidr

【slidr】軽量で自由度が高いスライダースクリプト

上下左右へのスライドが可能。画像の切り替えアニメーションも多数用意されています。

Lisence: MITライセンス
Tag: スライダー
Slider Pro

【slider-pro】さまざまなスライダーを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: スライダータッチデバイスマルチデバイスレスポンシブ
http://itemslide.github.io/

【ItemSlide】タッチやスワイプでスライドするjQueryプラグイン

Lisence: MITライセンス
Tag: スマートフォンスライダータッチデバイス
glide

【Glide.js】シンプルで汎用性の高いスライダー

画像や動画だけでなく、どんな要素も組み込めるスライダーを作れるjQueryプラグイン。レスポンシブにも対応。

Lisence: MITライセンス
Tag: コンテンツスライダースマートフォンスライダーフルスクリーンレスポンシブ
http://iamapioneer.com/plugins/skippr/

【skippr】フルスクリーンに対応したスライドショーを実装するjQueryプラグイン

横幅いっぱいのスライドショー。自動再生、アニメーションの種類、スピード、ナビゲーションなどのオプションも豊富。

Lisence: MITライセンス
Tag: スライダーフルスクリーン
http://fluice.com/pogo-slider/

【Pogo Slider】エレメントやスライドにさまざまなアニメーションを適用できるjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーションコンテンツスライダースライダー
http://gilbitron.github.io/Ideal-Image-Slider/

【Ideal Image Slider】シンプルな画像スライダースクリプト

レスポンシブ対応・タッチデバイス対応です。

Lisence: MITライセンス
Tag: スライダータッチデバイスレスポンシブ
http://pxgrid.github.io/js-flipsnap/demo.html

【flipsnap.js】フリック動作を実現するjQueryプラグイン

PCのブラウザ、iOS、Androidにも対応したフリック動作を実現するjQueryプラグイン。

Lisence: MITライセンス
Tag: フリック
http://www014.upp.so-net.ne.jp/makog/js/jquery_flicksimple/

【jQuery.flickSimple.js】フリック動作を実現するjQueryプラグイン

PCのブラウザ、iOS、Androidにも対応したフリック動作を実現するjQueryプラグイン。縦方向のフリック動作にも対応。

Lisence: GPLライセンスMITライセンス
Tag: フリック
slick

【slick】多彩な機能・オプションを備えているカルーセルライブラリ

複数のアイテムを同時に表示やレスポンシブ対応、ドラッグ・スワイプ操作対応など、やりたいことの一通りの機能が揃っているjQueryライブラリです。

Lisence: MITライセンス
Tag: タッチデバイスレスポンシブ
http://demo.dev7studios.com/caroufredsel/

【carouFredSel】どんな要素もカルーセル化できるjQueryプラグイン

画像もテキストもdiv要素もスライダーにすることができるjQueryプラグイン。横だけでなく縦方向のスクロールも設定できます。高さの違う要素も伸縮してスライドします。

Lisence: GPLライセンスMITライセンス
Tag: コンテンツスライダー
http://wex.im/javascript/jquery-slider2

【jQuery Slider2】軽量なコンテンツスライダーjQueryプラグイン

divで囲んだ要素をスライドさせるコンテンツスライダー。

Lisence: MITライセンス
Tag: コンテンツスライダー
http://flexslider.woothemes.com/

【FLEXSLIDER】レスポンシブなコンテンツスライダーのjQueryプラグイン

このjQueryプラグインの特徴はただ単にイメージをスライド、フリック出来るだけでなく様々な要素をスライドすることができます。

Lisence: MITライセンス
Tag: スライダー
http://tympanus.net/Tutorials/MovingBoxesContent/

【MOVING BOXES CONTENT】滑らかなアニメーションコンテンツのメニューjQueryプラグイン

インパクトあるページに合うメニューだと思います。使用用途が限られてくるかなとは思いますが、忘れられない1ページにはなりそうです。

Lisence: BSDライセンス
Tag: アニメーション
camera

【camera】エフェクトの種類が豊富なレスポンシブ対応のスライダーが実装できるjQueryプラグイン

スキンやエフェクト、メーターの種類やナビゲーション、画像別に見せる時間を変えるなど様々な設定が可能です。

Lisence: BSDライセンス
Tag: レスポンシブ
Curtain.js

【curtain.js】スクロールするとカーテンのように切り替わるjQueryプラグイン

スクロールするとカーテンが上がるような動きを実装できます。スクロールだけでなく、キーボードの矢印キーでも動きがスムーズです。

Lisence: MITライセンス
Tag: アニメーションスクロール
http://www.awkwardgroup.com/sandbox/awkward-showcase-a-jquery-plugin/

【Awkward Showcase】jQueryで様々なパターンのコンテンツスライダーを簡単に実装できるjQueryプラグイン

Lisence: クリエイティブコモンズ
Tag: コンテンツスライダー
http://slidesjs.com/examples/standard/

【Slides】ボタン付きのスライドショーを実装するjQueryプラグイン

キャプション付き可能、リンクのあるコンテンツスライダーとしての利用も可能と、カスタマイズ性が高いので便利です。

Lisence: クリエイティブコモンズ
Tag: コンテンツスライダー
http://tympanus.net/Development/Elastislide/

【Elastislide】ウィンドウサイズに合わせて表示するカルーセルスライドjQueryプラグイン

表示サイズに合わせて、最適なサイズに変更して表示されるカルーセルタイプのスライダーです。

Lisence: クリエイティブコモンズ
Tag: レスポンシブ
http://demo.dev7studios.com/nivo-slider/

【Nivo Slider】画像にかかるエフェクトが綺麗なイメージスライダーjQueryプラグイン

画像のエフェクトが可愛らしいので、Webサイトのメインビジュアル部分などに使えます。コンテンツスライダーではなくて、あくまでイメージスライダー。画像以外には使えないので注意してください。

Lisence: MITライセンス
Tag: エフェクト
http://burnmind.com/demos/blindify/horizontal_2.html

【Blindify】画像に垂直・水平方向のブラインド効果を入れたスライドショーを実装できるjQueryプラグイン

画像に垂直・水平方向のブラインド効果を入れた、ちょっと変わったスライドショーを実装することができます。普通のスライドショーとは違った雰囲気で、見る人に印象を与えてくれそうです。

Lisence: MITライセンス
Tag:
http://tympanus.net/Tutorials/ParallaxSlider/

【Parallax Slider with jQuery】パララックス効果がとても綺麗なスライダーjQueryプラグイン

パララックス効果を使って魅せるスライダーを、Parallax Slider with jQueryというjQueryが実現してくれるかもしれません。デモを見ると画像と背景の動くスピードに若干のズレがあり、これによって視覚 […]

Lisence: MITライセンス
Tag: パララックス
http://do-web.com/jcontent/demo

【 jContent】縦方向のスライドも実装できるシンプルなコンテンツスライダーjQueryプラグイン

横方向にも縦方向にも設定できるコンテンツスライダー。 右→左、左→右、上→下、下→上に設定できます。

Lisence: GPLライセンスMITライセンス
Tag: コンテンツスライダー
http://bxslider.com/

【bxslider】画像や動画、HTMLコンテンツを含めることが可能なレスポンシブ対応のスライダーjQueryプラグイン

縦にスライドする、スライドした後バウンドする等々さまざまな機能のオプションがあります。各オプションの設定およびデモは配布サイトをご確認ください。

Lisence: MITライセンス
Tag: コンテンツスライダーレスポンシブ
http://marktyrrell.com/labs/blueberry/

【Blueberry】シンプルでレスポンシブ対応のスライダーを実装するjQueryプラグイン

デザインがシンプルでレスポンシブ対応のjQueryプラグイン。オプションで切り替わる早さなどの基本的な機能は実装されています。

Lisence: GPLライセンス
Tag: レスポンシブ
http://responsiveslides.com/

【ResponsiveSlides.js】レスポンシブ対応のスライドショーを実装するjQueryプラグイン

軽量でブラウザ対応もIE6~と幅広く対応しているjQueryプラグイン。シンプルなスライドショーなので多機能ではありませんが、軽量で設定が簡単です。

Lisence: MITライセンス
Tag: レスポンシブ
http://alexdunphy.github.io/refineslide/demo.html

【RefineSlide】様々なエフェクトが利用できてレスポンシブデザインにも対応可能なイメージスライドjQueryプラグイン

Lisence: MITライセンス
Tag: エフェクトレスポンシブ

Page Top