Zen Colorbox

[paul3648]

I just downloaded and installed the latest 2.1.2 version which looks great, except the images weren't resizing on small screens.

I found this code, meant to go at the end of the jquery.colorbox-min.js file in the template folder.

So just wondering if it's an oversight to leave it out? When I add it the images get resized as expected.

 // Begin Make ColorBox responsive
jQuery.colorbox.settings.maxWidth  = '95%';
jQuery.colorbox.settings.maxHeight = '95%';

// ColorBox resize function
var resizeTimer;
function resizeColorBox() {
  if (resizeTimer) clearTimeout(resizeTimer);
  resizeTimer = setTimeout(function() {
    if (jQuery('#cboxOverlay').is(':visible')) {
      jQuery.colorbox.resize({width:'90%', height:'90%'});
    }
  }, 300);
}

// Resize ColorBox when resizing window or changing mobile device orientation
jQuery(window).resize(resizeColorBox);
window.addEventListener("orientationchange", resizeColorBox, false);
// End Make ColorBox responsive