jQuery function to set all Bootstrap Carousel items to the same height.

Bootstrap Carousel Item Normalization.js

// Set all carousel items to the same height
    function carouselNormalization() {
        
        window.heights = [], //create empty array to store height values
        window.tallest; //create variable to make note of the tallest slide
        
        function normalizeHeights() {
            jQuery('.sc_slides .item').each(function() { //add heights to array
                window.heights.push(jQuery(this).outerHeight());
            });
            window.tallest = Math.max.apply(null, window.heights); //cache largest value
            jQuery('.sc_slides .item').each(function() {
                jQuery(this).css('min-height',tallest + 'px');
            });
        }
        normalizeHeights();

        jQuery(window).on('resize orientationchange', function () {
            
            window.tallest = 0, window.heights.length = 0; //reset vars
            jQuery('.sc_slides .item').each(function() {
                jQuery(this).css('min-height','0'); //reset min-height
            }); 
            
            normalizeHeights(); //run it again 

        });
        
    }
    
    jQuery( document ).ready(function() {
        carouselNormalization();
    });

This didn't quite work for me because the outerHeight() reads as 0 since display:none is on a parent item. If you add class "active" to the inactive ones, then measure height, then remove active from the ones you added it to (not the first one, which is supposed to be active) it works. Your way only works if the first item has the largest height.

So this goes into the first loop:

if (jQuery(this).css("display") == 'block') {
	was_show = 1;
} else {
	jQuery(this).addClass("active");
	var was_show = 0;
}

window.heights.push(jQuery(this).outerHeight());
			
if (was_show == 0) {
	jQuery(this).removeClass("active");
}

Cheers, thanks for the code.