ControlledChaos
11/16/2016 - 11:04 PM

Make all Flexslider slides the height of the tallest slide.

Make all Flexslider slides the height of the tallest slide.

/**
 * Flexslider
 * 
 * Make all slides the height of the tallest slide.
 */
jQuery(document).ready(function() {
  
var evenSliderHeight = function(slideContainer, slideItem) {
	var slider_height = 0;
	var $slider_slide = jQuery(slideContainer).find(slideItem);
	$slider_slide.each(function() {
	var __height = jQuery(this).outerHeight(true);
	
		if ( slider_height < __height ) {
			slider_height = __height;
		}
	});
	
	$slider_slide.css( 'min-height', slider_height );
	
	jQuery(window).on( 'resize', function(){
		setTimeout(function() {
			$slider_slide.css( 'min-height', slider_height );
		}, 120);
	});
};

/* Classes of your slider container and slide <li> */
evenSliderHeight( '.flexslider', '.slide' );
});

Flexslider Equal Slide Height

jQuery Snippet