ノートのつもりで書いていきます。 ( ̄¬ ̄*)。о

2009年3月4日水曜日

ページ(HTML)をthickboxで表示させる方法

http://jquery.com/demo/thickbox/

このページのダウンロード枠の中から
thickbox.js
ThickBox.css
jQuery JavaScript library
loadingAnimation.gif

をダウンロードして、ページのheaderに貼る。

script src="../files/jquery-latest.js" type="text/javascript"
script src="../files/thickbox.js" type="text/javascript"
link href="../files/thickbox.css" rel="stylesheet" type="text/css"





<a href="ajaxOverFlow.htm?height=100&width=300" title="ajax" class="thickbox">リンク貼りたいテキストや画像</a>
画像をただ表示したいときは

で大丈夫!

あと、右端に出る 「Close or Esc key」の言葉変更はthickbox.jsの中を検索したら
見つかったけど、「閉じる」にしたら文字化けたので、





仕方ないから

「Close」にしました(´・ω・`)

2 件のコメント:

匿名 さんのコメント...

「close」を「閉じる」にするにはthickbox.jsファイルの文字コードを「UTF-8」に変換すれば、文字化けせずに日本語が使えるようになりますよ。

mon さんのコメント...

>匿名 さん
そうだったんですね!!!
早速やってみます!

ブログのコメントで方法を教えて下さる方がいるなんて!!

本当にありがとうございますm(__)m