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

如果您基于rel属性，则Colorbox中的分组仅。你不能使用类。

所以，这个：

<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>

会像魅力一样发挥作用。

Colorbox不会对图像进行分组

1 个答案: