DROPS漫画やアニメの話。/ネット全般Lightboxを最新版にしたら動作がおかしくなった事などあって、Lightbox互換のSlimboxに変更しました。FC2ブログへの設置方法を、備忘録的にメモ。Lightboxを一応解説すると、「サムネイルをクリック→同じウィンドウで拡大画像を表示する」という、あれです。下の画像をクリックしてみてください。画像のグループ化や、拡大画像の下に解説を入れたりも出来るので、「イラスト系サイトでギャラリーみたいなのを作る」といった時に結構便利かと。→Lightbox2公式サイトLightboxがうまく動かない古いバージョンから最新版(v2.04)にしてみたら、いろいろおかしくなってしまった。一部画像でLightboxが全く動作しないこれは自分のミス。/></a>という風に書かなきゃいけないけど、一部画像で「rel="Lightbox"」という風に、Lを大文字にしてた。古いバージョンは大文字と小文字を区別しなかったけど、v2.04は区別するようになってたので、大文字で始めていたものが動かなくなってた。IE7とIE8でKB927917エラーが出る特にIE7は重症で、ページが表示されない。927917エラーはLightboxに限らず発生しうるエラーで、JavaScriptを書く場所・内容・他のJavaScriptとの干渉などが原因です。回避策はあるけど、Lightbox2自体の更新がなかば止まっているようだし、Slimboxに乗り換える事に。Slimbox(jQuery版)2007年頃はLightbox互換スクリプトがたくさん作られてたけど、流行も一段落ついて、更新されなくなったものが多いです。今回選んだのは、SlimboxのjQuery版。以前はmootools版だけだったけど、久しぶりに見に行ったらjQuery版が出てた。Lightboxとほぼ完全に互換性があり、同じ書式で動くファイル数が少ないし、ファイルサイズも小さめFC2ブログで使う場合、ファイル編集がslimbox2.cssだけで済む(Lightboxはlightbox.jsとlightbox.cssを編集する必要がある)jQueryが使える地道に更新が続いてるFC2ブログに設置Slimbox2公式サイトから最新版(2009/05/22時点で2.02)をダウンロードし、展開。アップロード+slimbox2.css編集jsフォルダ内のslimbox2.jsをアップロードcssフォルダ内にある画像(closelabel.gif、loading.gif、nextlabel.gif、prevlabel.gif)をアップロードcssフォルダ内のslimbox2.cssを開き、画像パスをアップロードした画像のURLになるよう、書き換えslimbox2.cssをアップロードslimbox2.cssの編集箇所は、loading.gif、prevlabel.gif、nextlabel.gif、closelabel.gifを指定している部分。APIを使う方が簡単です。テンプレートの<head></head>内に、以下みたいな感じで書く。/>slimbox2.jsとslimbox2.cssのパス(緑色の部分)は、アップロードしたURLに書き換えてください。リンク(aタグ)に、『rel="lightbox"』と書く。拡大画像の下に画像のタイトルをつけたい場合は、『title="タイトル名"』を書く。グループ化aタグで呼び出す画像をグループ化する事で、簡単な画像ギャラリーを作れます。グループ化したい画像へのリンクに、『rel="lightbox-グループ名"』または『rel="lightbox[グループ名]"』と書く。#3</a>グループはいくつでも作れます。1つの画像を複数のグループに入れる事は出来ません。『lightbox[グループ名]』はXHTMLでは不適切なので、公式サイトでは『lightbox-グループ名』を推奨してます。本家Lightboxとの互換性にあまりこだわらないなら、『lightbox-グループ名』の方でよいかと。(04/23)プロフィールAuthor:せれすとアニメ:涼宮ハルヒの憂鬱、ガールズ&パンツァートラックバックやリンクは、自由に張ってください。△IE主に使っているのは、OperaとFirefoxです。