Livrary/Pluginサーバー、WordPress、EC-CUBEなどWEB全般の疑問を解決するブログ。トップページWordPressDesignProgramトップページWordPressDesignProgramホームProgramLivrary/PluginLivrary/PluginLivrary/Pluginの記事一覧javascript・jQuery「LightBox2」で画像をポップアップ表示するための3ステップ上のキャプチャのように、画像をエフェクト付きのポップアップで表示したい時、「」という既存のjQueryプラグインを活用するのが最適です。少ない手間で、高品質なポップアップを実現することができます。ここでは、プラグインのダウンロードから実際のポップアップ表示までの全手順を紹介していきます。「」というjQueryプラグインを使えば、画像やテキストブロックといった要素を横方向にゆっくりとループスライドするスライドショーを作ることができます。※2017年5月段階のバージョンでは、横幅可変サイズ指定時に無限スクロールが発生しない(1度のみループスライドして停止する)という不具合を確認しています。画像やテキストといったコンテンツをスライドではなく無限スクロールで表示したい時は、jQueryプラグインの「」が便利です。ここでは、「infiniteslide」をダウンロードするところから、実際にサイトに適用するまでの一連の流れを紹介していきます。日本地図をレスポンシブで表示切り替えを行う方法を紹介します。javascriptのプログラムを記述します。日本地図をクリックした際にページリンクのイベントを追加する方法を紹介します。上図のような一部のエリアのみ有効な日本地図を描画する方法を紹介します。上図のような地方名付きの日本地図を描画する方法を紹介します。javascriptのプログラムを記述します。上図のような県名付きの日本地図を描画する方法を紹介します。javascriptのプログラムを記述します。ここで...javascript・jQuerycanvasでjQueryプラグインJapanMapを使った日本地図の動的描画を行う方法WEBサイトを構築していて、上図のような日本地図を描画したい時があります。色や座標の変更が非常に面倒です。そんな時におすすめなのが、HTML5がサポートしているcanvasを使った方法です。左右からスライドインするメニューの実装方法を紹介してきました。上キャプチャのようなデザインのカスタムスライドインメニューを作る方法を紹介します。