title: Colorbox maxWidth, maxHeight not working
body: <p>I have problems to set colorbox using only the available viewport. As soon as I set the maxHeight or maxWidth attribute, no images will be displayed. The colorbox opens, but stays at the "spinning wheel". </p>
  
  <pre><code>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%'}); });
  
  &lt;img class="popout" src="my.jpg" alt="" width="500" height="373" /&gt;
  </code></pre>
  
  <p>so, what's wrong with my code ? Or do i need to set other attributes as well to get maxWidth/height working ?</p>