Colorbox maxWidth，maxHeight不工作

Question

我有問題只使用可用的視口來設置colorbox。只要我設置了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" /> 

那麼，我的代碼有什麼問題？或者，我是否還需要設置其他屬性以使maxWidth/height工作？

Answer 1

聽起來像是在導致JS錯誤（檢查瀏覽器的開發控制檯）。

但是，您的方法有問題。試試這個：

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