Colorbox maxWidth, maxHeight çalışmıyor

Question

Yalnızca mevcut görünüm alanını kullanarak renk kutusunu ayarlamam sorunlarım var. MaxHeight veya maxWidth özniteliğini ayarladığım anda, hiçbir görüntü gösterilmez. Renk kutusu açılır, ancak "dönme tekerleğinde" kalır.

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

Yani, kodumdaki sorun nedir? Ya da maxWidth/height çalışmasını elde etmek için başka nitelikler belirlemem gerekiyor mu?

Answer 1

Bir JS hatasına neden oluyor gibi görünüyor (tarayıcınızın geliştirme konsolunu kontrol edin). Ancak, yaklaşımınızın sorunları vardır. Bunu yerine deneyin:

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