jQuery

jQuery 関連のメモ

jQuery lightGallery (Version 1.2.x) の使い方や設定

2016年1月16日

jQuery LightBox 系プラグイン lightGallery の基本的な使い方や設定に関する個人的なメモ。この時点での lightGallery のバージョンは「Version 1.2.13」。以前「Version 1.1.4」の時にも調べたけれど、最近使おうと思ったらバージョンが上がっていました。Version 1.2.0 で全面的に書き換えたとなっています。(Completely re-written the plugin..) lightGallery ホーム(デモ) lightGallery GitHub 目次 jQuery light…

続きを読む

フォームを送信(submit)した時の位置を保持する方法

2015年12月20日

フォームを送信(submit)すると、 action 属性で指定したファイルが読み込まれ、送信した際の画面の表示位置はリセットされページの先頭が表示されます。 フォームがページの中ほどや後半にある場合で、自分自身($_SERVER[‘PHP_SELF’])に送信した際に、送信(submit)した際の表示位置を保持して、ページロード後もスクロール位置を変更しないで表示したいことがあります。 そのためには、Javascript(jQuery)で submit した時の位置情報を取得して、ロード後の画面でその位置に戻すようにします。 以…

続きを読む

Window オブジェクトや Document オブジェクト、DOMなど

2015年6月13日

Window オブジェクトや Document オブジェクト、DOM (Document Object Model) 、DOM 要素、jQuery オブジェクト等に関する個人的なメモ。 目次 Window オブジェクト ブラウザを操作するための機能を集めたオブジェクトがブラウザオブジェクトです。ブラウザオブジェクトは標準の規格があるわけではなく、個々のブラウザごとに独自に実装されています。(その中の Document オブジェクトは、ドキュメントオブジェクトモデル:DOM としてほぼ標準化されています。) そのため以前はブラウザごとの仕様の違いによりクロ…

続きを読む

jQuery load() を使って別のページの見出しを表示する

2015年5月16日

jQuery の load() を使って同じサイト内の別のページの見出しを表示する方法に関するメモ。load() の基本的な使い方等についても再度メモ。 目次 load() の概要 書式 パラメータと戻り値 url (String) 要求を送信するサーバ側リソース(読む込むデータ)のURL。 オプションとして jQuery セレクタを使い(指定して)取得したいインスタンスを絞り込める 。(後述) parameters (String|Object|Array)  オプション。 リクエストと一緒に送信するデータ(要求のパラメータとして渡すべきデータ)を指定…

続きを読む

jQuery レスポンシブメニュープラグイン SlickNav の使い方

2015年1月18日

jQuery レスポンシブメニュープラグイン SlickNav の基本的な使い方や設定に関する個人的なメモ。マルチレベル(メニューの階層)にも対応しているので便利。 SlickNav Responsive Mobile Menu v1.0.1 licensed under MIT 目次 jQuery プラグイン SlickNav のダウンロード SlickNav のページの「DOWNLOAD NOW」をクリックしてダウンロード。 解凍すると以下のようなファイルやフォルダがある。jQuery プラグイン SlickNav を使用するのに必要なファイルは「j…

続きを読む

jQuery プラグイン Wookmark の使い方や設定

2015年1月2日

jQuery プラグイン Wookmark の使い方や設定に関する個人的なメモ。 Wookmark は高さの異なる要素をタイル状に隙間なく並べてくれるプラグイン。但し、基本的に幅は一定にする必要があるみたい。 似たようなプラグインで jQuery Masonry があり、これは幅が異なってもそれなりにうまく並べてくれる(幅の設定の方法による)が、Wookmark はフィルターやソートの機能を持っている。 ライセンス:MIT この時点でのバージョン: 1.4.8 Wookmark のページ:http://www.wookmark.com/jquery-pl…

続きを読む

jQuery lightSlider の使い方や設定

2014年12月31日

jQuery スライダープラグイン lightSlider の基本的な使い方や設定に関する個人的なメモ。この時点での lightSlider のバージョンは「Version 1.1.1」。 ライセンス:MIT License レスポンシブ対応 ギャラリーモード(スライドショー) サムネイル表示 Slide, Fade アニメーション youtube, vimeo , google map 対応 目次 jQuery lightSlider のダウンロード jQuery lightSlider のページの上部メニュー右側にある「Download」をクリックし…

続きを読む

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 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 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…

続きを読む