Colorbox Responsive image

// Mobil sitelerde resimleriniz responsive her ekrana uygun görüntü ayarlayan kod

jQuery(document).ready(function(e) {
 
jQuery(".colorbox").colorbox({maxWidth:'95%', maxHeight:'95%',rel:'galeri'});

var resizeTimer;
function resizeColorBox()
{
    if (resizeTimer) clearTimeout(resizeTimer);
    resizeTimer = setTimeout(function() {
            if (jQuery('#cboxOverlay').is(':visible')) {
                    jQuery.colorbox.load(true);
            }
    }, 300)
}

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

});