ColorBoxは、所謂lightBox系のjQueryプラグインです。 先日使ったので、まず解説されない超初歩的な使い方をまとめます。主に私のためです。 但し今回は、ただの自分用備忘録だけというのもなんなので、「HTMLとCSSの知識は自分でサイトを作れる程度にはあり」「jQueryがとりあえずどんなものなのか漠然とは分かっている」くらいの初学者がとりあえず設置できるまで、というのを目指し解説仕立てにしてみました。応用編的な内容はありませんのでご容赦ください。 1：本体の入手 まず、ColorBox本体と、加えてjQuery本体を用意します。 1-1：jQueryのダウンロード jQueryの配布元はこちらです。 Downloadと書いてある大きいバナーをクリック、入手してください。 上部メニューの方の「Download」から辿ると過去バージョンもあります。 ちなみに「Minif

thickboxでHTMLをiframeつかって表示させるときに、サイズを決め打ちにしなければならないみたいです。 デフォルトだとどうやら、横が「630px」、縦が「600px」のようです。 固定にすると、ネットブックとか小さい画面ではみれなかったりします。 リンクのパラメータで縦横のサイズを指定できますが、小さい画面のことを考えて作ると大きい画面で表示したときに、変になってしまいます。 %で指定すればいいんだろうけど、うまくできなかったので、自分で修正してみました。 今回は、ブラウザのウィンドウサイズの80%で表示させるように修正しています。 まず、thikcbox.jsの一番したに以下のコードを加えます function custom_default_width() { var width = window.innerWidth || document.documentElement.