CMSにlightboxを設置したい。

質問

利用しているCMSにlightboxを適用したいのですが
画像のタグが <a href="javascript:void(0)" onClick="JavaScript:vitemimg=window.open('アドレス','vitemimg','scrollbars=yes,resizable=yes,width=***,height=***');vitemimg.focus()">
<img src="アドレス" alt="" /></a> と自動出力されてしまい、
直接aタグに 「rel="lightbox[roadtrip]」を入れる事ができません。
こういった場合、lightboxを利用できるようにするにはどうしたら良いのでしょうか。

回答No.2

fujillin

lightboxなどはよく知らないのと、お使いのCMSにどのような制約があるのかもわかりませんが、可能性のありそうな方法として…

（スクリプトが使える環境であると仮定しています。）
1）lightboxをカスタマイズして、ご使用の環境でも使えるようにする。
2）「rel="lightbox[roadtrip]」を設定できさえすればよいのであれば、lightboxのスクリプト実行前にスクリプトで属性をセットしておく。
3）lightbox風のライブラリはたくさんあるので、似たようなものでもよいのであれば、セレクタ等で指定できる（rel="lightbox[roadtrip]の設定が不要な）ライブラリを利用する。
などが考えられると思います。
他にも方法はあると思いますが、ご利用の環境・条件に応じて、方法を選定なさればよろしいかと思います。

1）に関しては、スクリプトを解析して内容を修正する必要がありますので、ライセンスがどのようになっているか、及び、それなりのスクリプトの知識が必要になるでしょう。
2）については、簡単なスクリプトの知識があれば実装可能と思います。element.setAttribute()メソッドなどを利用することで比較的簡単に設定が可能でしょう。
3）に関してはたくさんあるので、何がお好みかよくわかりませんが、検索すればたくさんヒットするはずなので調べてみてください。
　（例えば、ＦancyBoxとかColorboxとか）

また、A No1様もご指摘なさっているように、現状では、リンク要素にonclickの処理が設定されているようですので、それをどうするか（生かしたままにするか、無効にするのか）についての対処も必要になりそうですね。

お礼

詳しく有難うございました。
No,1の方が仰ったようにonclickをどうするのかという事を考えていませんでしたので、まずこれをどうするか考えたいと思います。

回答No.1

ok-rjak

CMSの詳細がわからないとカスタマイズできるかどうかもわかりません。
少なくとも、現在onClickイベントがaタグに設定されているので、それを無効にするか書き換える必要があります。
そうなると、テンプレートかCMSエンジン自体をカスタマイズする必要があるでしょう。

お礼

そうですよね。詳細がないと解らないですよね。
onclickを無効にするか書き換える必要性があるのは考えていませんでした。
参考になりました。有難うございます。