How can I set the height of the div slider to be the same as the content?

[antonioj1015]

I'm using bootstrap on my site and I need the height of the div slider to be the same as the content. How can I do this?

I did this so the image is shown but the height of the div slider is always the same.

slider a {

background-size: contain;

}

If I apply <div id="slider" style="overflow: hidden;"> it wont work either.

[7yl4r]

I suggest passing the height in the options when you init your slider in js.

Assuming your html structure is similar to:

<div id="content-section">
  <div id="slider">
     ...slider content here...
  </div>
</div>

Do something like this:

var slider = new IdealImageSlider.Slider({
    selector: '#slider',
    height: $('#content-section').height()
});
slider.start();