LogoMark.png

jQuery/Slider

jQuery Slider / Carousel

スライダー(カルーセル)の活用事例

CONTENTS


BxSlider

BxSlider|jQuery Content Slider / Responsive jQuery Slider

はじめに、実装が簡単な bxSlider の事例を紹介します。

準備

HTML


CSS


JavaScript


Slick

Slick|The last carousel you'll ever need


高機能なスライダー Slick の紹介です。ダウンロードして、必要なファイルを選別する作業と、複数のパラメータの設定が必要になります。

準備

HTML


CSS


JavaScript




その他

SLIDY

http://www.w3.org/Talks/Tools/Slidy2/

S5|meyerweb.com

http://meyerweb.com/eric/tools/s5/ 
http://meyerweb.com/eric/tools/s5/s5-intro.html  Sample

Vegas Background SlideShow|jQuery/Zepto Plugin

http://vegas.jaysalvat.com/
背景画像をスライドショーする jQuery プラグインです


他にも様々なスライダーがあります。
Google:Javascript スライダー




PAGES

GUIDE

DATA

Last-modified: 2020-06-24 (水) 18:05:53