TAG : Lightbox
WordPress 投稿に挿入した画像を Lightbox のように表示
2013年7月7日
プラグインを使わずに投稿に挿入した画像を Lightbox のように表示する方法のメモ。 対象はその投稿に対してアップロードした画像。例えば、他の投稿に対してアップロードした画像を使用（挿入）している場合はこの方法ではその画像の情報は取得できないので正しく表示されない。 追記 2014年1月8日 過去にアップロードした画像を使用（挿入）している場合」にも（お…
アイキャッチ画像を Lightbox のようなモーダルウィンドウで表示
2013年6月24日
ページに特定のサイズで表示したアイキャッチ画像をクリックすると、 Lightbox のようなモーダルウィンドウで拡大画像を表示する方法のメモ。 現在表示されているアイキャッチ画像の ID を get_post_thumbnail_id($post->ID) で取得。 wp_get_attachment_image_src() を利用して、拡大表示するアイキャ…
jQuery で Lightbox のようなモーダルウィンドウを表示
2013年6月24日
jQuery を使って簡単に Lightbox のようなモーダルウィンドウを表示する方法のメモ。 基本的な構造 サムネイル画像にモーダルウィンドウで表示する拡大画像のソースへのリンクを設定する。 ページの適当な個所に半透明のモーダルウィンドウと拡大画像を表示する領域を設定し、CSS で非表示にしておく。 半透明のモーダルウィンドウの領域：id=”…