javascript - 彩盒最大尺寸

Question

如何限制 ColorBox 的最大尺寸？

jQuery(document).bind('cbox_open', function(){
    jQuery.colorbox.maxWidth = '90%';
    jQuery.colorbox.maxHeight = '90%';
});

此代码不起作用。(((

Answer 1

使用比例照片

如果为 true，并且已定义 maxWidth、maxHeight、innerWidth、innerHeight、宽度或高度，Colorbox 将缩放照片以适合这些值。

$("a.gallery").colorbox({rel: 'gal', scalephotos:true title: function(){
  var url = $(this).attr('href');
  return '<a href="' + url + '" target="_blank">Open In New Window</a>';
}});