jQuery or Plugin to layout dynamic content?
I am using a jQuery Slider Plugin to show different contents.
I am using 3-4 Sliders in the same page but these slider contents have different heights, So I am unable space them out consistently.
I thought setting div height="auto" would fix it but it does not.
Is there a Plugin to do this?
For Example I want a consistent spacing of 10px between each slider:
<Wrapper>
<div Slider1>
<item1 height="100px">
</item>
<item1 height="300px">
</item>
<item1 height="600px">
</item>
</div>
<div Slider2>
<item1 height="600px">
</item>
<item1 height="300px">
</item>
<item1 height="900px">
</item>
</div>
<div Slider3>
<item1 height="200px">
</item>
<item1 height="500px">
</item>
<item1 height="400px">
</item>
</div>
</Wrapper>
Defining the height of the Slider Container by the max height of the max height content leaves a lot of unwanted space.
Basically i want to make the Slider containers to be responsive in term of height.
Can some one help?