シンプルな設定で軽量のパララックスプラグイン「parallax-background.js」をご紹介したいと思います。このプラグインは背景画像のスクロールしかできませんが、スムーズなスクロールです。
続きを読む»
lightbox系プラグインでは有名なFancyBoxです。今まで使用したことがなかったのですが、バージョン３になったので使ってみました。
続きを読む»
アコーディオン形式のjQueryスライダープラグインのColcarouの使い方をご紹介したいと思います。このjQueryプラグインは、水平に画像が切り替わる様になっています。
続きを読む»
軽量でレスポンシブ対応のギャラリー用プラグイン「knack.js」を紹介したいと思います。このjqueryプラグインはスライドショーとしても使用できますし、サムネイルを一覧表示することもできます。またフルスクリーンにも対応しています。
続きを読む»
軽量でレスポンシブ対応のコンテンツスライダーmyContentSliderを紹介したいと思います。このjqueryプラグインは、画像をスライド表示させるのではなく、背景画像の上にテキストをスライドさせます。画像のスライドの後にテキストをスライドさせるプラグインもありますが、テキストだけというのも良いかなと思います。
この背景画像のスライドショーのjqueryプラグインは、ズームの画像切り替えエフェクトがかっこいいので気に入っています。古くからあるプラグインですが、最近バージョンアップされたので書き留めておきます。
続きを読む»
このブログでもjQueryのプラグインを紹介していますが、jQueryプラグインの詳しい設置方法を書いていなかったので、jQuery本体の読み込み、プラグインの読み込み、プラグインの初期化の順で説明します。
Googleが提供している「Google Maps JavaScript API」を使って地図を表示します。
APIを使用することで埋め込み式よりも色々なカスタマイズが出来ます。ここではスクロールズームを無効にしたシンプルな地図を表示します。
軽量でレスポンシブ対応のDarkboxを紹介したいと思います。名前はダークですが、全然そんな感じはなく、ポップアップ開始と終了時のアニメーションが良い感じです。
このスライドショーのjqueryプラグインは、軽量コンパクトでレスポンシブな3Dイメージスライダーです。画像の切り替えが立体的になっていて見ていて楽しいです。