【ハウツー】ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 (5) 他のページを表示する | パソコン | マイコミジャーナル
他のページを表示する ThickBox 3は画像の表示だけでなく、非同期通信を利用して他のページも読み込んで表示させることができます。ただしその場合、非同期通信の制約の都合上、同じドメイン上にあるファイルしか表示できません。異なるドメイン上にあるファイルの場合はインラインフレーム内に表示させることになります。また、同一ページ内にある領域を抽出して表示させることもできます。 非同期通信を使って他のページを表示する場合には<a>タグにclass="thickbox"を指定します。これは、今まで説明してきた画像の場合と同じです。異なるのは<a>タグのhref属性に指定するURLパラメータです。表示するファイル名の後ろに?を付加し設定パラメータを&で区切って列記します。 パラメータはwidthとheightがあり、それぞれ横幅と縦幅をピクセル値で指定します。サンプル07では以下のように指定していま
jQuery版のLightBox「ThickBox」
jQuery版のLightBox「ThickBox」 ThickBoxはLightBoxのjQuery版とも言えるJavaScriptライブラリで、画像をクリックするこのにより拡大画像を表示させることが可能です。 LightBoxがprototype.jsをベースに開発されたjsライブラリであるのに対して、ThickBoxはjQueryをベースに開発されています。 設置方法 配布ページよりjquery.jsとloadingAnimation.gif、thickbox.css、thickbox.jsというファイルをダウンロードし、ThickBoxを利用したいhtmlのhead要素などでそれらのファイルを読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
