ColorBox

Question

में शीर्षक क्षेत्र का आकार (ऊंचाई) बढ़ाएँ मैं काफी लंबे समय से खिताब

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

और lightbox काम करता है के साथ एक स्लाइड शो बनाने के लिए 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 पर कुछ «बाहरी हाइट» को मजबूर करना है, जिसे छवि की उपलब्ध ऊंचाई से निकाला जाएगा।

तो:

#cboxContent { 
    padding-bottom:50px; 
} 

को ध्यान में रखते #cboxTitle निरपेक्ष होना चाहिए, आप तो उसकी ऊंचाई भी ठीक कर सकते हैं:

#cboxTitle { 
    height:50px; 
}