レスポンシブ対応したモーダルウィンドウのプラグインのまとめ
こんにちは、工藤です。 今回は以前まとめたものが古かったので、jQueryを使ったモーダルウィンドウのプラグインを改めてまとめました。 レスポンシブ対応しているもののみに絞っています。 Boxer（Lightbox） DEMO GitHub（Boxer） GitHub（Lightbox） 以前までは『Boxer』というプラグイン単体だったのですが『Formstone』というテーマの1つになり、それに伴い『Lightbox』という名前に変更になったようです。ややこしいです。 ただ比較しても挙動は（見た限りだと）そんなに違わないので好きな方を使ってよいかと思います。 『Boxer』の方が設置は簡単です。 このプラグインのいいところはレスポンシブに対応している、かつスマートフォンで見た場合には最適化して表示してくれるところです。 こんな感じにきれいに表示してくれるので重宝しています。 動画やイン
PhotoSwipeの使い方！Light Boxの決定版を導入しよう！
アニメーション、スライド、ダブルクリックによるズームなど、機能盛り沢山のライトボックス系ライブラリ、Photoswipeの使い方を紹介します。
レスポンシブでスマホもOKで軽量なLightBox系jQueryプラグイン - JETBABY
おはようございます。JETBABY管理人です。 今回はさらっと更新しちゃいます。 LightBox系のjQueryプラグインは色々ありますが、PCでもスマホでもきれいに動くのはあまり多くないですね。 今回紹介する「IMAGE LIGHTBOX」はレスポンシブ対応で最初かスマホを意識作られているプラグインになります。 iOSでもAndroidでも動きますし、日本ではあまりなじみないというか関係ないと思いますがWindowsPhoneでも動作します。 もちろんPCでも普通に動きます。 しかもminで4kbと軽量。 画像に特化しているので、iframeで別HTML呼び出したりなどの機能はないのが残念。 ですが、ギャラリー系や画像を見せたいコンテンツではありだと思います。 使い方はこちらのサイトから。 Demoはこちらからご覧ください。 スマホでもご覧ください。
jQueryのlightbox系のプラグインColorboxをiPhone(スマホ)で使う : kagzugiの備忘録
Colorboxのダウンロードはこちら。 Colorboxはlightbox風の動作をするJavaScriptで、jQueryのプラグインとして動作します。 CSSのMedia Queriesを使ってレスポンシブなページを作っていると、lightbox系のJavaScriptでつまずきました。 iPhoneで幅480pxで作っています。 画像をクリックして「みよ～ん」と拡大されるのはいいのですが、画像の元の幅が480pxを超えてるとサイトのサイズをはみでて画像が表示されます。 当然の動きです。 でも、それだとかっこわるいです。 今作ってるサイトの幅は超えないでほしいです。 そこで英語のドキュメントとにらめっこしてみました。 で、解決方法です。 まず、Colorboxの設置作業は他のサイト等で情報がたくさんあるので省略します。 Colorboxが動くようにしてください。 次に<head>~<
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
