ホーム > JavaScript (jQuery)

jQueryプラグイン parallax background.jsの使い方

ブログアイキャッチ画像054

read more

シンプルな設定で軽量のパララックスプラグイン「parallax-background.js」をご紹介したいと思います。このプラグインは背景画像のスクロールしかできませんが、スムーズなスクロールです。
続きを読む»

jQueryプラグイン fancyBox3の使い方

ブログアイキャッチ画像053

read more

lightbox系プラグインでは有名なFancyBoxです。今まで使用したことがなかったのですが、バージョン3になったので使ってみました。
続きを読む»

アコーディオンスタイルのjQueryスライダーColcarouの使い方

ブログアイキャッチ画像046

read more

アコーディオン形式のjQueryスライダープラグインのColcarouの使い方をご紹介したいと思います。このjQueryプラグインは、水平に画像が切り替わる様になっています。
続きを読む»

ギャラリー用jQueryプラグインknack.jsの使い方

ブログアイキャッチ画像045

read more

軽量でレスポンシブ対応のギャラリー用プラグイン「knack.js」を紹介したいと思います。このjqueryプラグインはスライドショーとしても使用できますし、サムネイルを一覧表示することもできます。またフルスクリーンにも対応しています。
続きを読む»

jqueryプラグイン コンテンツスライダー myContentSliderの使い方

ブログアイキャッチ画像041

read more

軽量でレスポンシブ対応のコンテンツスライダーmyContentSliderを紹介したいと思います。このjqueryプラグインは、画像をスライド表示させるのではなく、背景画像の上にテキストをスライドさせます。画像のスライドの後にテキストをスライドさせるプラグインもありますが、テキストだけというのも良いかなと思います。

続きを読む»

背景画像のスライドショーjquery mb bgndGalleryの使い方

ブログアイキャッチ画像039

read more

この背景画像のスライドショーのjqueryプラグインは、ズームの画像切り替えエフェクトがかっこいいので気に入っています。古くからあるプラグインですが、最近バージョンアップされたので書き留めておきます。
続きを読む»

jQueryプラグインの設置方法

ブログアイキャッチ画像037

read more

このブログでもjQueryのプラグインを紹介していますが、jQueryプラグインの詳しい設置方法を書いていなかったので、jQuery本体の読み込み、プラグインの読み込み、プラグインの初期化の順で説明します。

続きを読む»

グーグルマップAPI v3を使って地図を表示

ブログアイキャッチ画像036

read more

Googleが提供している「Google Maps JavaScript API」を使って地図を表示します。
APIを使用することで埋め込み式よりも色々なカスタマイズが出来ます。ここではスクロールズームを無効にしたシンプルな地図を表示します。

続きを読む»

Lightbox風jQueryプラグインのDarkboxの使い方

ブログアイキャッチ画像035

read more

軽量でレスポンシブ対応のDarkboxを紹介したいと思います。名前はダークですが、全然そんな感じはなく、ポップアップ開始と終了時のアニメーションが良い感じです。

続きを読む»

3DスライドショーjqueryプラグインjR3DCarouselの使い方

ブログアイキャッチ画像031

read more

このスライドショーのjqueryプラグインは、軽量コンパクトでレスポンシブな3Dイメージスライダーです。画像の切り替えが立体的になっていて見ていて楽しいです。

続きを読む»