jQuery ColorBox を フォーム入力用にカスタマイズした Ex Colorbox Form - Cyokodog :: Diary
更新履歴 2011-10-20 Ver 0.1.3 Ver 0.1.2の fastIframe パラメータ関連の不具合を修正しました。fastIframe パラメータ未定義の旧 colorbox にも対応してます。 2011-10-13 Ver 0.1.2 ColorBox1.3.18に対応しました。 2011-10-08 Ver 0.1.1 jQuery1.6.4に対応しました。 LightBox 系プラグイン の中でも人気の高い jQuery ColorBox をフォームの入力画面用にカスタマイズしてみました。仕事柄、画像の表示を主目的とする LightBox 系のプラグインを使用することはあまりないのですが、iframe に対応してるものも多く、登録系の画面が主となる業務アプリでも使えそうだなぁと思い ColorBox をベースにちょっと作ってみました。（ちなみにオリジナル の co
『Lightbox など rel の位置調整』
■ Lightbox など rel の位置調整 ★ Lightbox などは、下記の様に a タグの最後に rel="lightbox"と記述します。 写真・画像のポップアップを行う場合、記事を書くでＨＴＭＬタグを表示して、 ＨＴＭＬタグをいれる必要があります。 Lightbox では、rel が、 href より後ろにないと認識されません。 <a href="http://stat.ameba.jp/user_images/20100221/22/new-bulue9/3f/16/j/o0800060010423850823.jpg" rel="lightbox" title="テスト"><img src="http://stat.ameba.jp/user_images/20100221/22/new-bulue9/3f/16/j/t02200165_08000600104238508
Lightbox2～サムネイル画像をクリックして、そのページに、拡大画像をクールにオーバーレイ表示させる＜Ajax｜Lightbox＞
サムネイル画像をクリックして、そのページに、拡大画像をクールにオーバーレイ表示する ［Lightbox v2.05 旧版］ サンプル｜使用方法｜Lightboxのダウンロード｜Lightboxのカスタマイズ（応用編） Lightbox2は、 サムネイル画像をクリックするとJavascript(Ajax)を利用して同じページに、拡大画像をオーバーレイ表示します。 Lightbox2は、「１枚の画像」または「複数画像のグループ」を表示する２つの方法があります。 だだし、スライドショー、大きな画像を画面に合わせて表示や画像を別ウィンドーに表示などができません。 これらを望むには、Piroboxを薦めます。また、Lightbox 2 WordPress Plugin 日本語版については、このサイトを参照。 なお、Lightbox v2.05 旧版は、現在Lightbox2サイトのここからダウンロー
つくるぶガイドブログ: Lightboxのデザインをカスタマイズしてみよう（前編）
こんにちは、HTML+CSS担当の小森です。 スライドショーやサムネイル画像の拡大でよく見かける「Lightbox」のライブラリ。 気軽に取り入れられるライブラリでもあって、すっかり定着した感がありますね。 今回はこのLightboxのデザインをカスタマイズしてみたいと思います。 Lightbox系のライブラリは本当にたくさんありますが、 ここでは、定番の元祖Lightboxを使用してみます。 Lightbox 2（デモあり） http://www.huddletogether.com/projects/lightbox2/ レイアウト構造 HTMLソースをのぞいてみると、クリックをしたときに 画面全体を覆う半透明レイヤー（id="overlay"） 拡大画像配置レイヤー（id="lightbox"） がJavaScriptによって描画されるしくみになっています。 また、拡大画像配
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ColorBox
screamo.jp
http://www.designcross.jp/memo/2011/09/colorbox%EF%BC%88%E6%8B%A1%E5%BC%B5%E3%83%BB%E9%80%B2%E5%8C%96%E5%9E%8B-lightbox-jquery-plugin%EF%BC%89/