TAG : フォトギャラリー
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 で全面的に書き換えたと…
jQuery lightSlider の使い方や設定
2014年12月31日
jQuery スライダープラグイン lightSlider の基本的な使い方や設定に関する個人的なメモ。この時点での lightSlider のバージョンは「Version 1.1.1」。 ライセンス：MIT License レスポンシブ対応 ギャラリーモード（スライドショー） サムネイル表示 Slide, Fade アニメーション youtube, vim…
jQuery lightGallery の使い方や設定
2014年12月30日
追加情報 Version 1.2.x については「 jQuery lightGallery (Version 1.2.x) の使い方や設定」をご覧ください。 jQuery LightBox 系プラグイン lightGallery の基本的な使い方や設定に関する個人的なメモ。この時点での lightGallery のバージョンは「Version 1.1.4」。…
WordPress で Magnific Popup を使ってみる
2014年6月5日
Magnific Popup を WordPress で使う際のメモ。 現時点ではまだ WordPress 用のプラグインはできていないが、いずれはプラグイン化されるとのこと。 目次 基本的な使い方等については、よろしければ以下をご覧ください。 関連ページ：Magnific Popup を使って見る Magnific Popup のダウンロードと読み込み M…
jQuery レスポンシブ・スライダー bxSlider
2014年5月18日
レスポンシブ対応のスライダー「bxSlider」(v4.1.2) の使い方や設定に関するメモ。とても簡単に設置ができるが、指定するモードによっては、使用している CSS の関係でスライドの位置がずれてしまったりしたのでその対処法やオプションについて。 目次 bxSlider のダウンロードとインストール bxSlider のサイトの右上の「Download」…
カルーセルパネル（スライドパネル）の表示
2014年1月14日
カルーセルパネル（パネルをスライドして１周すると元のパネルに戻る）やスライドパネルを使う際のメモと練習（実用的でないものがほとんど）。 カルーセルパネルの表示（サンプル１） サンプル１ シンプルなカルーセルパネルを表示する。 カルーセル全体を囲む div 要素を配置（id=”slider_wrap”） その内側に「戻る」（slider…
WordPress で取得したデータを jQuery で表示（フォトギャラリー）
2013年6月5日
カスタム投稿タイプのそれぞれの投稿のアイキャッチ画像を jQuery で表示するフォトギャラリーのメモ。 カスタム投稿タイプ’works’とそのタクソノミー’works_cat’を登録。 テンプレート「taxonomy-works_cat.php」を使って表示。 ループで投稿のデータを取得し、最初のデータの中サ…
jQuery の fadeOut() を使ったスライドショー
2013年5月17日
プラグインを使わずに、jQuery を使って簡単なスライドショーを行う方法のメモ。 シンプルなスライドショー そのページにアクセスすると自動的にスライドショーを行う単純なもの。 サンプル１ 基本的な構造 最初に表示する写真とそのタイトルを HTML に記述。 スライドショーで表示する写真のファイル名と情報をカンマ区切りで、非表示に指定した div 要素内に …