【JavaScript】jQuery画像スライダーのライブラリまとめ

jquery-image-sliders-library

WEBサイトのトップページなどでよく見る画像がスライダーする仕組み。jQueryライブラリと組み合わせで機能するスライダー用のライブラリをまとめてみました。

Easy Slider

左右の矢印、数字ボタンによるナビゲーションがあるシンプルな画像スライダーです。

easyslider1.7

AnythingSlider

左右の矢印、丸ボタンによるナビゲーションがあるシンプルな画像スライダーです。画像以外に動画、HTMLソースの要素をスライドにすることができます。

AnythingSlider

SlidesJS

レスポンシブに対応している左右の矢印、丸ボタンによるナビゲーションがあるシンプルな画像スライダーです。

slidesjs

Nivo Slider

レスポンシブに対応している左右の矢印、丸ボタンによるナビゲーションがあるシンプルな画像スライダーです。有料のWordPress用のプラグインなどもあります。

nivo-slider

Superslides

フルスクリーン画面に対応した画像スライダーです。画面一杯に画像が表示されるのが特長です。

superslides

bxSlider

左右の矢印、丸ボタン、サムネイル形式など多彩なオプションがある画像スライダーです。レスポンシブにも対応しています。

bxslider

関連記事

【HTML】Sass・SCSSを使ってWEBサイトの制作を効率化する

現在の多くのWEBサイトではHTMLとCSSによって構築されています。WEBサイトの制作方法を勉強するとHTMLとCSSについてを学ぶと、ここ最近は、SassやSCSSといったキーワードが出てきます。SassやSCSSを活用しなくても、もちろんWEBサイトを制作することが...続きを読む

2019.05.13HTMLコーディング

【デザイン】ポップでグラフィカルなシングルページデザインのWEBサイトまとめ

WEBサイトのコンテンツ(内容)を1ページに収めて掲載をするシングルページデザイン。コンテンツが多い分、ページは縦に長くなってしまいますが、その長さを生かしてデザインされたポップでグラフィカルなWEBサイトをまとめてみました。 Chilicongraphic デザイン...続きを読む

2015.02.15インスピレーション

【デザイン】印象に残るビジネスカードデザイン

名刺は自分たちのことを覚えてもらうために重要なビジネスツールです。そこで受け取ったら印象に残るであろうデザインのビジネスカードを集めてみました。 Tok&Stok(Business Card) ブラジルの家具メーカー「Tok&Stok」のビジネスカード...続きを読む

2015.02.15インスピレーション

【フォト】藤枝花火大会《蓮華寺池公園》

毎年8月7日に藤枝市の蓮華寺池公園で開催される花火大会。 藤枝花火大会は、大正時代から続く静岡県藤枝市の歴史ある花火大会です。蓮華寺池公園の山々をバックに約5000発が打上がります。蓮華寺池公園周辺で花火を見ることが多いのですが、写真を撮ったのは、山側から花火を見下ろすように撮影...続きを読む

2016.08.07フォトギャラリー藤枝

【WP】標準ギャラリーをGalleriffic対応にするプラグイン『Photospace』

『Photospace』は、jQueryのサムネイル付のスライドショーギャラリーを実装できる「Galleriffic」を、WordPressの標準ギャラリーのショートコードに対応させることができるプラグインです。 WordPressでは標準ギャラリーのショートコードの出...続きを読む

2015.02.18WordPress