2011年6月19日日曜日

thickboxで何故かスライドショー表示が出来ない

thickboxというよく知られるajaxライブラリを使用した時の話。

設定は全て問題ないのに、何故かスライドショー表示が出来ない。
画面が暗くなるだけで、肝心の画像が出てこない。

google先生にお伺いを立てると

thickbox.js の79行目あたりにある、

     TB_TempArray = $("a[@rel="+imageGroup+"]").get();

を、以下のようにすると
http://www.blogger.com/img/blank.gif
     TB_TempArray = $("a[rel="+imageGroup+"]").get();

(@マークを取り除いただけです。)
これで動くようになりました。



http://ameblo.jp/web-mediarium/entry-10799982114.html

ということ。
この@が何を意味するのかといわれると、何なんでしょうとしか言いようがないが、
phpだとエラー制御用の演算子として使うから、多分同じ意味として入れたんじゃないかなあと。
おかげで動かないんですが・・・。


因みに具体的なthickboxの動かし方は、

scriptタグで
<script type="text/javascript" src="thickbox.js"></script>
linkタグで
<link href="thickbox.css" rel="stylesheet" type="text/css" />
こんな感じでヘッダに読み込むようにして、

<a href="画像.jpg" rel="グループ名" class="thickbox" title="説明(書くと注釈が付く。省略可)"><img src="画像バナー.jpg" alt="画像説明文" /></a>

という文法でbodyに書く。




真逆アットマークを削除するだけで動くとは・・・。
ちゃんと説明できる人解説お願いします。正直よく分かっていない。

0 件のコメント:

コメントを投稿