画像

ここではスライダー関連のプラグインを紹介します。デモとそのソースコードとともにプラグインを紹介しています。

画像を切り替えるだけのシンプルなスライド「simpleSlide」

画像を切り替えるだけのシンプルなスライドを実装プラグイン「simpleSlide」を紹介します。 jQueryプラグイン「simpleSlide」 このプラグインを使えば、指定した複数の画像を順番に切り替えるシンプルなス […]

 

テキスト・画像・iframeなどに対応したLightbox「Featherlight」

テキスト・画像・iframeなどに対応したLightboxを実装するプラグイン「Featherlight」を紹介します。 jQueryプラグイン「Featherlight」 このプラグインを使えば、テキストや画像を指定す […]

 

スポンサーリンク

数値の指定だけで棒グラフ・チャートを描画「Sparkline」

数値の指定だけで棒グラフ・チャートを描画するプラグイン「Sparkline」を紹介します。 jQueryプラグイン「Sparkline」 このプラグインを使えば、グラフとして出力したい数値(例えば、1,3,4,5)を指定 […]

 

背景画像や色をランダムに変更「RandomBackground」

背景画像や色をランダムに変更するプラグイン「RandomBackground」を紹介します。 jQueryプラグイン「RandomBackground」 このプラグインを使えば、指定した要素の背景画像や色をランダムに変更 […]

 

複数の画像をクラウド表示「imageCloud」

複数の画像をクラウド表示するプラグイン「imageCloud」を紹介します。 jQueryプラグイン「imageCloud」 このプラグインを使えば、ブログ(WordPress)なんかでよくみるタグクラウドのように複数の […]

 

EANコードのバーコードを作成「EAN13」

EANコードのバーコードを作成するプラグイン「EAN13」を紹介します。 jQueryプラグイン「EAN13」 EANコード(イアンコード)とは「European Article Number」の略で、Europeanと […]

 

画像の拡大・縮小と移動(パン)「pan and zoom 」

画像の拡大・縮小と移動(パン)を実装するプラグイン「pan and zoom」を紹介します。 jQueryプラグイン「pan and zoom」 このプラグインを使えば、指定した画像の拡大や縮小を行うことができます。 ま […]

 

Lightboxのアニメ効果がおもしろい!レスポンシブ画像ギャラリー「SuperBox」

Lightboxのアニメ効果がおもしろい!レスポンシブ画像ギャラリーを実装するプラグイン「SuperBox」を紹介します。 jQueryプラグイン「SuperBox」 この画像ギャラリーは、サムネイル画像をクリックすると […]

 

HTML5 canvas を簡単に作成「jCanvas」

HTML5 canvas を簡単に作成することのできるプラグイン「jCanvas」を紹介します。 jQueryプラグイン「jCanvas」 このプラグインを使えば、HTML5 から利用できるさまざまな図形を描画することの […]

 

マウスオーバーで画像を拡大(ズーム)「EasyZoom」

マウスオーバーで画像を拡大(ズーム)することのできるプラグイン「EasyZoom」を紹介します。 jQueryプラグイン「EasyZoom」 このプラグインを使えば、指定した画像にマウスオーバーするとアイコン付近の画像が […]

 

画像に拡大・縮小ボタンを「Zoomer」

画像に拡大・縮小ボタンを実装するプラグイン「Zoomer」を紹介します。 jQueryプラグイン「Zoomer」 このプラグインを使えば、指定した画像を拡大・縮小表示するボタンを簡単に設置することができます。 また、複数 […]

 

背景画像を全画面表示「ResponsiveTopScreen」

背景画像を全画面表示するプラグイン「ResponsiveTopScreen」を紹介します。 jQueryプラグイン「ResponsiveTopScreen」 このプラグインを使えば、指定した背景画像を全画面(フルスクリー […]

 

モザイク状に画像を並べる「Mosaic Flow」

さまざまなサイズの画像をモザイク状に並べるプラグイン「Mosaic Flow」を紹介します。 jQueryプラグイン「Mosaic Flow」 このプラグインを使えば、Webサイト一面にさまざまなサイズ画像を並べることが […]

 

サイズの異なる画像をレンガのように並べる「Wookmark」

サイズの異なる画像をレンガのように並べるプラグイン「Wookmark」を紹介します。 jQueryプラグイン「Wookmark」 このプラグインを使えば、サイズの異なる画像をレンガやタイルのようにサイト上に並べてくれます […]

 

何でもできる画像ギャラリー「Tikslus Carousel」

何でもできる画像ギャラリーを実装するプラグイン「Tikslus Carousel」を紹介します。 jQueryプラグイン「Tikslus Carousel」 このプラグインを使えば、以下のようなさまざまな効果をもった何で […]

 

再生・一時停止ボタンで操作できる画像スライドショー「desoSlide」

再生・一時停止ボタンで操作できる画像スライドショーを実装するプラグイン「desoSlide」を紹介します。 jQueryプラグイン「desoSlide」 このプラグインを使えば、再生・一時停止ボタン「←」「→」キーで操作 […]

 

マウス操作でくるくる回せる円形の画像ギャラリー「Tiny Circleslider」

マウス操作でくるくる回せる円形の画像ギャラリーを実装するプラグイン「Tiny Circleslider」を紹介します。 jQueryプラグイン「Tiny Circleslider」 このプラグインを使えば、縁のついた円形 […]

 

複数の画像がさまざまな効果で切り替わるスライドショー「Cycle2」

複数の画像がさまざまな効果で切り替わるスライドショーを実装するプラグイン「Cycle2」を紹介します。 jQueryプラグイン「Cycle2」 このプラグインを使えば、フェイド・スライド・スクロール……などのさまざまな効 […]

 

Flickr・Picasa・Google+に対応している画像ギャラリー「nanoGALLERY」

Flickr・Picasa・Google+に対応している画像ギャラリーを実装するプラグイン「nanoGALLERY」を紹介します。 jQueryプラグイン「nanoGALLERY」 このプラグインを使えば、レスポンシブな […]

 

画像スライダー - キャプションのアニメ効果がかっこいい「CSS3 jQuery Slider」

キャプションのアニメ効果がかっこいい画像スライダーを実装するプラグイン「CSS3 jQuery Slider」を紹介します。 jQueryプラグイン「CSS3 jQuery Slider」 このプラグインを使えば、吹き出 […]

 


スポンサーリンク