कलरबॉक्स maxWidth, maxHeight काम नहीं कर रहा

Question

मुझे केवल उपलब्ध व्यूपोर्ट का उपयोग करके रंगीन बॉक्स सेट करने में समस्याएं हैं। जैसे ही मैं maxHeight या maxWidth विशेषता सेट करता हूं, कोई छवि प्रदर्शित नहीं की जाएगी। रंगबॉक्स खुलता है, लेकिन "कताई चक्र" पर रहता है।

function showImage(e) { 
    $.colorbox({href:$(e.currentTarget).attr("src")}); } 

jQuery(document).ready(function() { 
    $('.popout').on("click", showImage); 
    $('.popout').colorbox({rel:'popout', maxWidth:'95%', maxHeight:'95%'}); }); 

<img class="popout" src="my.jpg" alt="" width="500" height="373" /> 

तो, मेरे कोड में क्या गलत है? या क्या मुझे अधिकतम विशेषताओं को सेट करने की आवश्यकता है ताकि अधिकतम वर्ड/ऊंचाई काम कर सके?

Answer 1

लगता है जैसे आप एक जेएस त्रुटि पैदा कर रहे हैं (अपने ब्राउज़र के विकास कंसोल की जांच करें)।

हालांकि, आपके दृष्टिकोण में समस्याएं हैं। इसके बजाय इसे आजमाएं:

jQuery(document).ready(function() { 
    $('.popout').colorbox({rel:'popout', maxWidth:'95%', maxHeight:'95%', href:function(){ 
     return this.src; 
    }}); 
}); 

<img class="popout" src="my.jpg" alt="" width="500" height="373" />