【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

関連記事

カフェオールドソーコ様WEBサイト制作

富士市でモチモチの生パスタと焼きたてワッフルを楽しむことができる『カフェ オールドソーコ』様のWEBサイトを制作いたしました。手書きのメニューや店内に描かれた可愛らしいイラストにあわせてWEBサイトでもイラストを沢山用いて、ワクワク感を感じられるデザインをいたしました。 ...続きを読む

2015.02.14WEBサイト制作

【JavaScript】ページ内リンクでページスクロールを実現する「smoothScroll.js」

「smoothScroll.js」は、ページ内リンクでページをスクロールを実装できすJavaScriptライブラリです。jQueryを実装していない状態でも稼働するので、手軽に導入できます。 基本的な使い方 導入は簡単、ライブラリを読み込むだけで実装でき、設置後は...続きを読む

2018.02.27HTMLコーディング

Google Chart API でQRコードを自動生成する方法

Google Chart APIはGoogleが提供しているグラフなどのイメージを作成してくれるAPIサービスです。URLに必要な値を与えるだけで、グラフなどのイメージを返してくれます。 主にグラフなどを作成することができるのですが、その機能のなかにQRコードを作成して...続きを読む

2015.03.09HTMLコーディング

公式サイトをリニューアルオープンいたしました

デザインスタジオ・エフの公式WEBサイトをより見やすく、より探しやすくを目指してリニューアルをしました。 制作事例やブログ、私たちのサービスについてご案内いたします。 今後とも引き続きご愛顧のほど、よろしくお願い申し上げます。 ...続きを読む

2015.02.06

【WP】管理画面で操作をしていたらForbiddenが表示された

さくらインターネットのレンタルサーバで、WordPressを用いてWEBサイト(ホームページ)やブログを開設し、WordPressの管理画面を操作中に「Forbidden」が表示されたことありませんか? Forbidden The server refuse to...続きを読む

2018.08.02WordPressさくらインターネットレンタルサーバ