AjaxのjQuery「ThickBox」が作動しない

「まったく何も分からない・・・」そんなユーザーさんの為のフォーラムです。どんなご質問でもお気軽にどうぞ。
返信
bcacsato
パワーユーザー
記事: 233
登録日時: 2005年11月27日(日) 14:05

AjaxのjQuery「ThickBox」が作動しない

投稿記事 by bcacsato » 2008年8月06日(水) 19:32

いつもお世話になってます。

サムネイルをクリックした際の拡大写真表示用に
jQueryの「ThickBox3.1」を導入してみました。

ローカルでテストする分にはうまく作動するのですが、
CMSDに組み込んで、サーバー上で試してみたところ、
サムネイルをクリックすると「×」となって、表示されません。

CMSDで「ThickBox」を使うためには、何か設定変更が必要なのでしょうか?

もし分かりましたら、アドバイスよろしくお願いいたします。

webmaster
Site Admin
記事: 1451
登録日時: 2004年12月10日(金) 10:09

Re: AjaxのjQuery「ThickBox」が作動しない

投稿記事 by webmaster » 2008年8月19日(火) 11:24

 bcacsatoさん、いつもお世話になっております。
 お返事が大変遅れまして申し訳ありません。

 もう解決されたか別の方法をとられているかもしれませんが、解決方法を提示
させて頂きます。

 弊社でも同じような状況になったことがあります。
 ThickBoxでは、どうやらパラメータ付きURLの画像に対応していないようで、
オリジナル画像のURL中に?や&が入っているとうまく動作しないようです。

 そこで、実際の画像ファイルのURLを利用するようにします。
 実際の画像ファイル名は、画像項目の@srcという属性の中に格納されており、
エントリフォルダの中に保存されています。

 具体的には、次のような記述になります。aタグのhref属性で指定している
のがそれです。thickboxではaタグのclassに"thickbox"とつけることで、
そのリンクのクリック時にhrefに指定されたURLの画像をエフェクト付きで
表示するようになっています。

コード: 全て選択

<a href="cmsdesigner/data/entry/entryfolder1/{photo1/@src}" class="thickbox" title="{photo1_comment}"><img src="{photo1}&w=170" /></a>
 少し回りくどい方法ではありますが、上記の方法によってThickBoxがご利用
いただけますので、お試し下さい。
 ひょっとしてThickBoxのバージョンの違いにより動作しないことがあるかも
しれませんが、その場合はまたご連絡頂ければ幸いです。

bcacsato
パワーユーザー
記事: 233
登録日時: 2005年11月27日(日) 14:05

Lightboxを利用

投稿記事 by bcacsato » 2008年8月21日(木) 15:37

ご回答ありがとうございます。

Lightboxを利用したところ問題なく作動したため、今回はLightboxを使うことにしました。

次回、同様の症状となった際には試してみたいと思います。

返信