Web Design Leaves

jQuery スライダープラグイン lightSlider の基本的な使い方や設定に関する個人的なメモ。この時点での lightSlider のバージョンは「Version 1.1.1」。 ライセンス：MIT License レスポンシブ対応 ギャラリーモード（スライドショー） サムネイル表示 Slide, Fade アニメーション youtube, vim…

続きを読む

追加情報 Version 1.2.x については「 jQuery lightGallery (Version 1.2.x) の使い方や設定」をご覧ください。 jQuery LightBox 系プラグイン lightGallery の基本的な使い方や設定に関する個人的なメモ。この時点での lightGallery のバージョンは「Version 1.1.4」。…

続きを読む

jQuery fancyBox v1.3.4 の使い方や設定に関する個人的なメモ。 fancyBox は v2.x からライセンスが変わり、商用（営利目的）の場合は有料となっているため、古いバージョンを探したら以下のサイトにあった。このサイトと本家（？）の fancyBox との関係は不明。 http://fancybox.net v1.3.4 のライセンス…

続きを読む

jQuery プラグイン fancyBox の基本的な使い方や設定に関する個人的なメモ。この時点での fancyBox のバージョンは「v2.1.5」。 関連ページ：「jQuery fancyBox v1.3.4 の使い方や設定」 目次 jQuery プラグイン fancyBox のダウンロード fancyBox のページの「license & d…

続きを読む

Magnific Popup を WordPress で使う際のメモ。 現時点ではまだ WordPress 用のプラグインはできていないが、いずれはプラグイン化されるとのこと。 目次 基本的な使い方等については、よろしければ以下をご覧ください。 関連ページ：Magnific Popup を使って見る Magnific Popup のダウンロードと読み込み M…

続きを読む

Youtube（iframe 要素）をレスポンシブに対応させる方法のメモ。 概要 iframe で出力された Youtube 動画を CSS を使ってレスポンシブに対応させる。 参考にしたサイト：「Thierry Koblentz / A List Apart : Creating Intrinsic Ratios for Video」 サンプル Youtu…

続きを読む

Youtube の動画を Lightbox のようなモーダルウィンドウで表示できるプラグインを探していたところ見つけた「Magnific Popup」。レスポンシブ・デザインに対応している上に機能も豊富で Goole map なども表示可能。使い方などに関するメモ。 目次 Magnific Popup のダウンロードと読み込み Magnific Popup …

続きを読む

Youtube の映像をプラグインを使わずに Lightbox のようなモーダルウィンドウで表示しようと試した際の失敗例。結果的にはプラグインを使用することにしたが、後日何か別の方法が見つかればその際の参考にするためのメモ。 概要 Firefox では問題なく表示・再生できたが、それ以外のブラウザでは以下のような問題が発生。 「停止ボタン」を押さずにモーダル…

続きを読む