Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jschaefer-workmatrix/346ec9f1c6fae6e12408b060a5ed0eb1 to your computer and use it in GitHub Desktop.
Save jschaefer-workmatrix/346ec9f1c6fae6e12408b060a5ed0eb1 to your computer and use it in GitHub Desktop.
$.fn.equalHeightSlickSlider = function() {
var
$slider = $(this),
$slides = $('.slick-slide', $slider),
$slideitems = $('> div', $slides),
slideCount = $slides.first().find('> div').length,
slideHeight = 0
;
console.log(slideHeight);
$slides.each(function(){
slideHeight = Math.max($(this).outerHeight(), slideHeight);
slideCount = Math.max(slideCount, $(this).children().length);
});
$slideitems.height(slideHeight / slideCount);
return $(this);
}
var $slider = $('.slick-slider');
var equalizeSliderHeights = function(){
var
frequency = 250,
timeout = false
;
return function() {
if (timeout) {
return;
}
timeout = setTimeout(function() {
timeout = false;
}, frequency);
$slider.equalHeightSlickSlider();
};
};
$(window).on('DOMContentLoaded load resize', equalizeSliderHeights());
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment