Normalize Carousel Heights - pass in Bootstrap Carousel items

bootstrap carousel height

// Normalize Carousel Heights - pass in Bootstrap Carousel items.
	$.fn.carouselHeights = function() {

		var items = $(this), //grab all slides
			heights = [], //create empty array to store height values
			tallest; //create variable to make note of the tallest slide

		var normalizeHeights = function() {

			items.each(function() { //add heights to array
				heights.push($(this).height());
			});
			tallest = Math.max.apply(null, heights); //cache largest value
			items.each(function() {
				$(this).css('min-height',tallest + 'px');
			});
		};

		normalizeHeights();

		$(window).on('resize orientationchange', function () {
			//reset vars
			tallest = 0;
			heights.length = 0;

			items.each(function() {
				$(this).css('min-height','0'); //reset min-height
			});
			normalizeHeights(); //run it again
		});

	};

	jQuery(function($){

		$(window).on('load', function(){
			$('#carousel .item').carouselHeights();
		});

	});

For some reason I get weird heights from this. Items 2 through (n-1) have a seemingly arbitrary value. These heights are not the computed heights found when not using this function.

I'm seeing the same issue as robertdavId010, in IE9 and Firefox. It works fine in Chrome tho. It seems that FF doesn't calculate the height of hidden .items very well.