Colorbox maxWidth、maxHeight 不起作用

Question

我在仅使用可用视口(viewport)设置颜色框时遇到问题。一旦我设置了 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" />