colorBOX按id分隔类

时间:2015-11-26 02:35:15

标签: php

我目前正在使用colorBOX,你可以用其他方式显示图片(就像shadowbox一样)。

我有一个脚本代码(检测该类)

    <script>
        $(document).ready(function(){
            $(".group1").colorbox({rel:'group1'});
        });
    </script>

<a href="img_loc" class="group1">
<img class="img-thumbnail" src="img_loc"/>
</a>

我的问题是什么? 我在这个网站上有不同的汽车,当我点击例如Car1图片时,它将始终显示group1类可用的所有图片......

Two different cars (show)

我的问题: 有没有办法添加script carIDclass添加class="group1-"<?php echo $car->id ?>

我不知道你是不是有了这个想法的人,抱歉可怕的拼写和谢谢。

1 个答案:

答案 0 :(得分:0)

如果您不希望图像显示为一组,只需从Colorbox设置对象中删除rel属性即可。例如:

<script>
    $(document).ready(function(){
        $(".group1").colorbox();
    });
</script>

如果您想要按车牌ID分组的图片,您可以为每个链接指定一个带有您的车牌ID的cbox-data-rel属性,Colorbox会根据哪些图像共享相同的值对这些图像进行分组。例如:

<script>
    $(document).ready(function(){
        $(".group1").colorbox();
    });
</script>
<a href='car1front.jpg' data-cbox-rel='333'>Car 1 front</a>
<a href='car1back.jpg' data-cbox-rel='333'>Car 1 back</a>
<a href='car2.jpg' data-cbox-rel='777'>Car 2</a>

图像car1front和car1back将组合在一起。