Adaptive Height

Overview

Adaptive Height adjusts the height of the slider based on the height of the contained slide.

Setup

$('.mbslider').mbSlider({
  adaptiveHeight: true,
  mode: 'fade'
});

HTML

<div id="demoSlider" class="mbslider">
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=2845526279"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=6098915992"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=5876080803"></div>
    <div class="item"><img src="https://unsplash.it/1280/720?random&p=4415112474"></div>
</div>