ホーム > JavaScript | Web制作 > Thickbox3でhtmlページを表示する

Thickbox3でhtmlページを表示する

thickbox3を利用して他のページ(htmlファイル)をthickboxウィンドウ内に表示するためのメモ。(jquery1.2.6を使ってIE6と7とFx3で確認)

thickbox3やjqueryのdownloadは「ゼロからはじめるThickBox 3 – 画像もHTMLファイルもスイスイ表示」で、まとめて解説されているので参照のこと。

とくに難しいことは全然ないんだけど、写真画像を表示するのと違ってhtmlページを表示する場合はインラインフレームを使用した以下のような記述がベターっぽい。

<a href="ウィンドウ内に表示するhtmlページへのパス?TB_iframe=true&width=幅&height=高さ" class="thickbox" title="">

ファイル名の後に「?height=縦サイズ&width=横サイズ」を追記しただけだと、そのページでCSSを使用しているときに、なんかとんでもない表示崩れが起こる。(少なくとも俺の環境では)

なので、前述のような記述でインラインフレームを使おう、と思った。

コメント:0

コメントフォーム
入力した情報を記憶する

トラックバック:0

この記事のトラックバック URL
http://showzine.info/blog/2009/01/thickbox3%e3%81%a7html%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b.html/trackback
トラックバックの送信元リスト
Thickbox3でhtmlページを表示する - SHOWJIN*BLOG より

ホーム > JavaScript | Web制作 > Thickbox3でhtmlページを表示する

検索
フィード

ページの上部に戻る