colorbox - シックボックスを置き換えるカラーボックス

Question

シックボックスをカラーボックスにアップグレードしようとしています。指示に厳密に従ったと思いますが、まだ機能しません。

私のサイトには、class="thickbox" が多数使用されています。それをカラーボックスに移行するにはどうすればよいですか? 誰かがガイドラインを提供できますか？

助けてください！ありがとうございました。アラン

Answer 1

初心者向けガイドはご覧になりましたか?: http://www.jacklmoore.com/colorbox/guide

Thickbox は、リンクの URL からオプションのパラメーターを読み取りますが、他のほとんどの jQuery ライトボックス (ColorBox を含む) は、javascript を介してオプションを設定します。これは少し直感的ではないかもしれませんが、コードの繰り返しが少なくなり、懸念事項をより厳密に分離できます。

シックボックスの例:

<a href="images/plant1.jpg" class="thickbox" rel="gallery-plants"></a>
<a href="images/plant1.jpg" class="thickbox" rel="gallery-plants"></a>
<a href="images/plant1.jpg" class="thickbox" rel="gallery-plants"></a>

ColorBox に相当するもの:

<a href="images/plant1.jpg" class="thickbox"></a>
<a href="images/plant1.jpg" class="thickbox"></a>
<a href="images/plant1.jpg" class="thickbox"></a>
<script>
    jQuery('.thickbox').colorbox({rel:'gallery-plants'});
</script>