いつもお世話になってます。
サムネイルをクリックした際の拡大写真表示用に
jQueryの「ThickBox3.1」を導入してみました。
ローカルでテストする分にはうまく作動するのですが、
CMSDに組み込んで、サーバー上で試してみたところ、
サムネイルをクリックすると「×」となって、表示されません。
CMSDで「ThickBox」を使うためには、何か設定変更が必要なのでしょうか?
もし分かりましたら、アドバイスよろしくお願いいたします。
AjaxのjQuery「ThickBox」が作動しない
Re: AjaxのjQuery「ThickBox」が作動しない
bcacsatoさん、いつもお世話になっております。
お返事が大変遅れまして申し訳ありません。
もう解決されたか別の方法をとられているかもしれませんが、解決方法を提示
させて頂きます。
弊社でも同じような状況になったことがあります。
ThickBoxでは、どうやらパラメータ付きURLの画像に対応していないようで、
オリジナル画像のURL中に?や&が入っているとうまく動作しないようです。
そこで、実際の画像ファイルのURLを利用するようにします。
実際の画像ファイル名は、画像項目の@srcという属性の中に格納されており、
エントリフォルダの中に保存されています。
具体的には、次のような記述になります。aタグのhref属性で指定している
のがそれです。thickboxではaタグのclassに"thickbox"とつけることで、
そのリンクのクリック時にhrefに指定されたURLの画像をエフェクト付きで
表示するようになっています。
少し回りくどい方法ではありますが、上記の方法によってThickBoxがご利用
いただけますので、お試し下さい。
ひょっとしてThickBoxのバージョンの違いにより動作しないことがあるかも
しれませんが、その場合はまたご連絡頂ければ幸いです。
お返事が大変遅れまして申し訳ありません。
もう解決されたか別の方法をとられているかもしれませんが、解決方法を提示
させて頂きます。
弊社でも同じような状況になったことがあります。
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のバージョンの違いにより動作しないことがあるかも
しれませんが、その場合はまたご連絡頂ければ幸いです。
Lightboxを利用
ご回答ありがとうございます。
Lightboxを利用したところ問題なく作動したため、今回はLightboxを使うことにしました。
次回、同様の症状となった際には試してみたいと思います。
Lightboxを利用したところ問題なく作動したため、今回はLightboxを使うことにしました。
次回、同様の症状となった際には試してみたいと思います。