2015-11-26 39 views
0

我目前使用colorBOX可以以其他方式显示图片(就像shadowbox)。colorBOX独立班级编号

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

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

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

我的问题呢? 我有这个网站上不同的车,当我点击,例如分享帮助的图片,它会永远显示所有可用同组1类图片...

Two different cars (show)

我的问题: 是有办法添加到scriptcarID并向class添加像class="group1-"<?php echo $car->id ?>

,如果你的想法的家伙,比较遗憾的是可怕的拼写和谢谢,我不知道。

+0

例如,如果我点击car1,我只会显示汽车1的图像,而不是所有的汽车图像...所以我想创建一个扩展可以说group1- $ id –

回答

0

如果您不想将图像显示为一组,请从Colorbox设置对象中删除rel属性。例如:

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

如果你想开车ID分组的图片,你可以给每个链接CBOX数据-rel属性与你的车ID,和彩盒将在此基础上共享相同的值组的那些图像。例如:

<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将被组合在一起。