Colorbox не группирует изображения

Question

Я использую Colorbox в форме Yii 1.x widget. Все работает отлично, за исключением того факта, что Colorbox не группирует мои изображения и не показывает кнопки <--/-->.

Это часть кода, сгенерированного моей странице:

<div class="media-gallery-wrapper"> 

    <div class="media-gallery-item"> 

     <a href="http://127.0.0.1/usrector/htdocs/uploads/galleries/15.jpg" class="colorbox cboxElement" title=""> 

      <img src="http://127.0.0.1/usrector/htdocs/uploads/galleries/15small.jpg" alt="" width="450" height="450"> 

     </a> 

    </div> 

</div> 

Каждый три таких блоков следуют:

<div class="media-gallery-separator"></div> 

И это все. Несмотря на то, что я пытался изменить свой код и просматривать примеры Colorbox, я не вижу существенной разницы между моим кодом и кодом examples. Таким образом, я не знаю, что заставляет мой Colorbox не группировать изображения?

Answer 1

Группировка в Colorbox работает только, если вы используете его на атрибуте rel. Вы не можете использовать классы.

Итак, это:

<a href="<?php echo $filename; ?>" class="colorbox" title="<?php echo $title; ?>"> 

<script type="text/javascript"> 
    jQuery('.colorbox').colorbox({'maxHeight':'80%','maxWidth':'90%'}); 
</script> 

работать не будет (нет изображения группировки, без <-/-> кнопки), в то время как это:

<a href="<?php echo $filename; ?>" rel="colorbox" title="<?php echo $title; ?>"> 

<script type="text/javascript"> 
    jQuery('a[rel="colorbox"]').colorbox({'maxHeight':'80%','maxWidth':'90%'}); 
</script> 

будет работать как шарм.