Question

我正在使用ColorBox创建一个标题相当长的幻灯片

<a class="slideshow" href="image.gif" 
title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam iaculis velit 
eget augue tincidunt a tempor risus volutpat. Integer tempor sapien justo. Ut 
facilisis odio nec risus aliquet nec rhoncus nunc ultrices. Nulla facilisi. Ut ac 
ligula a metus rhoncus feugiat. Praesent lacinia diam neque, sed tempor felis. Morbi 
sed sapien sem, vitae pulvinar nunc. Fusce metus dolor, iaculis eget venenatis a, 
gravida sed tellus." rel="slides">Slideshow</a>

并且灯箱工作，但在所有示例中，没有为标题留出太多空间。如何使标题区域更大，以便ColorBox正确调整灯箱“弹性”窗口的大小？

找出一个不错的解决方案。通过覆盖colorbox.css中的一些样式，我能够将“标题”移动到带有灰色背景的图片中。

#cboxTitle { 
    text-align:justify !important;
    width:98.5% !important; 
    margin-bottom:24px !important;
    padding:5px !important;
    background-color:#333 !important;
    opacity:0.75 !important;
    filter:alpha(opacity=75) !important;
    color:#fff !important;
}

我将这些覆盖基于示例1中提供的样式。

Answer 1

遇到同样的问题。解决方案是强制#cboxContent上的一些«outerHeight»，它将从图像的可用高度中减去。

所以：

#cboxContent {
    padding-bottom:50px;
}

考虑到#cboxTitle应该是绝对的，你也可以修改它的高度：

#cboxTitle {
    height:50px;
}

增加ColorBox中标题区域的大小（高度）

1 个答案: