見るツイートThickBoxとはjQueryを使用したAjaxライブラリの一つで、主に画像をページ上に大きく表示させるときに使われます。画像だけではなくHTMLファイルも表示することが出来るため、これ一つで画像とHTMLをポップアップ表示(正確には同じページ上にオーバーレイ表示される)させることができます。このライブラリの便利なところは、小難しい設定をしなくても使えることや、ポップアップした画像を自動的にブラウザに収まるサイズに縮小してくれるところです。※HTMLを表示する場合にはサイズを指定する必要があります。使ってみたい!と思った方のために使い方の手順を下記にまとめました。必要なデータを揃えるまずは、配布元であるThickBox3.1に行き、Downloadから下記ファイルをダウンロードしましょう。ファイル名thickbox.jsthickbox.cssloadingAnimation.gifjquery-latest.jsリンクを左クリックしてしまうと、ファイルが開かれてしまいますので、右クリックから「名前を付けてリンク先を保存」を選びましょう。このとき、保存するフォルダは下記の様にしてください。imagesフォルダの中にloadingAnimation.gifが入ります。この画像データはポップアップ画像を読み込んでいるときに表示されるローディングアニメーションです。HTMLからjsとcssデータを読み込むThickBoxを使用するHTMLファイルからjsとcssファイルを読み込みます。{path}の部分はHTMLファイルからのパスにしてください。/>ここまでくれば準備は完了です。あとはThickBoxを使いたい画像に特定の指定をするだけです。指定することでポップアップさせることが出来ます。title属性を入れることで説明文を入れることも出来ます。/></a>このとき間違いがちなのがa要素ではなくimg要素に指定してしまうことです。img要素には何も指定することはありませんので気をつけましょう画像をポップアップさせスライドショーを行う複数の画像をグループ化させ、スライドショーを行うことができます。/></a>インラインフレームでHTMLファイルを表示させる画像以外にもHTMLファイルをポップアップさせることも出来ます。