TAG : Googlemap

jquery jQuery lightGallery の使い方や設定

2014年12月30日

追加情報 Version 1.2.x については「 jQuery lightGallery (Version 1.2.x) の使い方や設定」をご覧ください。 jQuery LightBox 系プラグイン lightGallery の基本的な使い方や設定に関する個人的なメモ。この時点での lightGallery のバージョンは「Version 1.1.4」。 ライセンス:MIT License レスポンシブ対応 Youtube Vimeo Video and html5 videos 対応 Slide and Fade アニメーション iframe 対応…

続きを読む

jquery jQuery fancyBox v1.3.4 の使い方や設定

2014年12月29日

jQuery fancyBox v1.3.4 の使い方や設定に関する個人的なメモ。 fancyBox は v2.x からライセンスが変わり、商用(営利目的)の場合は有料となっているため、古いバージョンを探したら以下のサイトにあった。このサイトと本家(?)の fancyBox との関係は不明。 http://fancybox.net v1.3.4 のライセンスは MIT and GPL licenses。 MIT and GPL licenses(以下は概要であり、正確でない可能性あり) 無償(無保証) 利用/改造/再配布可能 著作権表示義務あり 商用利用…

続きを読む

jquery jQuery fancyBox v2 の使い方や設定

2014年12月29日

jQuery プラグイン fancyBox の基本的な使い方や設定に関する個人的なメモ。この時点での fancyBox のバージョンは「v2.1.5」。 関連ページ:「jQuery fancyBox v1.3.4 の使い方や設定」 目次 jQuery プラグイン fancyBox のダウンロード fancyBox のページの「license & download」をクリックし、「Download v2.1.5」をクリックしてダウンロード。 ライセンス:Attribution-NonCommercial 3.0 Unported(表示 &#821…

続きを読む

wordpress WordPress で Magnific Popup を使ってみる

2014年6月5日

Magnific Popup を WordPress で使う際のメモ。 現時点ではまだ WordPress 用のプラグインはできていないが、いずれはプラグイン化されるとのこと。 目次 基本的な使い方等については、よろしければ以下をご覧ください。 関連ページ:Magnific Popup を使って見る Magnific Popup のダウンロードと読み込み Magnific Popup を「配布ページ」からダウンロード(ページ右側の「Download ZIP」から) ダウンロードすると「dist」というフォルダがあるのでその中の「jquery.magnif…

続きを読む

htmlcss Google Map をレスポンシブ対応に

2014年2月25日

Google Map をレスポンシブに対応させる方法のメモ。 目次 概要 サンプル 参考サイト:「How to Make the New Google Maps Embeds Responsive」 基本的な構造の HTML https://maps.google.com で住所を入力して、鎖のようなアイコン(リンク)をクリックし、「ウェブサイトへの地図埋め込み用 HTML コード」を取得する。(カスタマイズしたい場合は、「埋め込み地図のカスタマイズとプレビュー」をクリック) 追加情報 現在は Google Map が変更されてこれを書いたときとは少し違…

続きを読む

jquery Magnific Popup を使ってみる

2014年2月7日

Youtube の動画を Lightbox のようなモーダルウィンドウで表示できるプラグインを探していたところ見つけた「Magnific Popup」。レスポンシブ・デザインに対応している上に機能も豊富で Goole map なども表示可能。使い方などに関するメモ。 目次 Magnific Popup のダウンロードと読み込み Magnific Popup を「配布ページ」からダウンロード(ページ右側の「Download ZIP」から) ダウンロードすると「dist」というフォルダがあるのでその中の「jquery.magnific-popup.min.j…

続きを読む

jquery Googlemap の利用

2013年6月5日

Googlemap を利用する際のメモ。 ジオコーディングを使って地図を表示 HTML に記述してある住所を元に地図を表示 マーカーにマウスオーバーすると HTML に記述してある場所の名前を表示 情報ウィンドウ(マーカーをクリックすると表示される)には HTML に記述してある場所の名前と URL を元にしたリンクを表示 サンプル 関連リンク ジオコーディング サービス Google Maps のコントロール Google Map をレスポンシブ対応に Google Maps API の読み込み センサーパラメータ「sensor=」はユーザーの位置情報…

続きを読む