6

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 で提供されているスタイルに基づいています。

4

1 に答える 1

0

同じ問題をヒットします。解決策は、#cboxContent に «outerHeight» を強制することです。これは、画像の使用可能な高さから差し引かれます。

そう：

#cboxContent {
    padding-bottom:50px;
}

#cboxTitle が絶対でなければならないことを考慮すると、その高さも修正できます。

#cboxTitle {
    height:50px;
}
于 2015-02-27T11:35:07.673 に答える