2015-11-26 38 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將被組合在一起。