Thickbox ver:2.0と
Lightbox ver:2.0サムネイル画像をクリックすると、画面内がグレー透過され、画像が小窓で表示されるやつです。
(アメブロじゃサンプル表示できないので、各サイトのExampleを押して見て下さい)
仕事で、ディレクターがどうしても使いたがるので、試しに使ってみました。
lightboxは1.0のほうしか見てなくて、thickboxのほうを使いました。
thickboxはファイルサイズが小さいこと、画像以外にiframeを使い別ファイルを表示できたりするのが良い。
lightboxは画像のみですが、動きやデザインが良い感じ。
(デザインはcss直せばいい話ですが)
-----
| thickboxを使ってみて修正した or 判った点・Operaでグレー透過ではなく真っ黒になる。lightboxではグレー透過になっていたので、cssを直す。
・body{margin:0;padding:0;}以外の指定では、グレー透過が画面全体にできない。
・画面にフラッシュ部分があると、フラッシュが優先表示される。
(グレー透過されないし、フラッシュが表示する小窓部分にあるとアウト)
・Inline Content表示は、ブラウザによって表示内容が異なる模様。
・onload処理は<body>タグに書いたほうがいい。どこでなにやってるか判りづらいので。
・Opera8じゃ動かないのを修正。(そもそもサポート外なのですが、まだ9は入れてないので)
・rel属性をつけて画像のページングする処理は、同じ画像ファイルパスが複数あるとおかしくなるので注意。(入れなきゃいい話)
・・・その他色々直し。