Adaptive height

[myconcretelab]

Is it planned to have a adaptive height or we just build it with event?

Thank you for this great slider that is really sweeter than others

[desandro]

Thanks for this request! Currently, no it's not in the plans. If others would like to see this feature, please +1 this ticket.

Adding adaptive height can be done with a bit of code. I'll follow up once I'm able to produce an example.

---

Thanks you for this feedback. If you like stickers, please email me yo@metafizzy so I can send some your way.

[myconcretelab]

Thanks, i has searching for event but not directly find it.

[lunelson]

+1 either for building-in the feature, or just callback/events API and classes so we react on changes and reference properties of prev/current/next slides

[lunelson]

But it's only logical to do this if the slide width is 100%, otherwise you can still see other content on the slides which is either shorter or higher

[myconcretelab]

The slider would take the height of the highest item in the viewport as reference.

[stephenmcghee]

If by adaptive height, you mean auto-height, +1. Would like to see this feature similar to slick/flexslider.

[gergelypap]

+1, would be neat to have.

[stefancova]

+1, it would be nice to no specify height for slider items

[72quadrat]

+1 really an extremely useful feature

[dumplingsol]

+1 really need this when creating sliders that have dynamic height, such as sliders where the content doesn't consist of images. Take the height of the highest element of the slides and apply to the container.

Does anyone know how to to this before the feature is release, if it will be released? I'm struggling with this problem atm.

[desandro]

@jonathanolsen

Take the height of the highest element of the slides and apply to the container.

Flickity already supports this: http://codepen.io/desandro/pen/ZYvemV

[joelriveradev]

+1 for auto height. I am using flickity for a project right now that needs this feature, and not having this option built in is a real bummer.

[dom-turnbull]

+1 for this.

[zslabs]

+1

Sliders are used for more than just image galleries -- I've even used them for a tabbed interface.

[jacmaes]

Another +1

[notflip]

+1! Would be amazing

[richgcook]

+1 🍕

[impsart]

+1 ... in need of this feature.

[macbruker]

+1

[komunyako]

93 — That's mine attempt to implement this feature.

[ksherman]

+1!

[appliculture]

+1

[estrattonbailey]

+1

[languitar]

+1

[anthony0579]

+1

[ErikFontanel]

flickity is my slider of choice, so +1 as well!

[ianxd]

+1 !!

[paulmasek]

+1

[kimlarocca]

+1

[circa1983]

+1 for me as well

[CumpsD]

+1 Would love this

[imaginamundo]

+1

[kaisermann]

+1 pretty please

[animaux]

+1

[chappydboz]

+1

[scottcarver]

+1

[kyleoliveiro]

+1, Flickity is my de-facto carousel plugin, except when adaptive height is a requirement. Would be awesome to see this feature added.

[matthiashonert]

+1

[christophermiles]

+1

[raywongjr]

+1

[brandexponents]

+1

[maxariss]

+100 (best slider out there)

[andreylysenko]

+1

[jpkempf]

+1!

[idiazroncero]

+1 I was a bxSlider user until iI came across Flickity. The API, touch events, physic animations, the "asNavFor", the overall performance... there is no competition here: flickity is better. However, I am missing bxSlider's "adaptiveHeight" feature. For a recent project, I had to use bxSlider instead of flickity because of this. I would definitively LOVE flickity to add this feature.

[laurelstreng]

+1!

[vision34]

+1

[mikebikeboy]

Super easy:

slider.on( 'cellSelect', function() { var selectedHeight = slider.find('.is-selected').height(); slider.find('.flickity-viewport').height(selectedHeight); });

[vision34]

your code doesnt worked for me, but you gave me an idea, so i ve done it my way.

  $slider.on( 'cellSelect', function() {
            $newTab = $(this).find('.is-selected'); 
    $slider.find('.flickity-viewport').height($newTab.height());        

  });

and if you want the animation:

 //     $slider.find('.flickity-viewport').height($newTab.height());    

 $slider.find('.flickity-viewport').delay(111).animate({height: $newTab.height()} );        

but does somebody knows why animation sometimes in chrome slowdown? In firefox it works well.

[kevinPire]

+1