colorbox - colorbox替换thickbox

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>