search

Codeinwp / Nivo-Slider-jQuery

Nivo Slider - The Most Awesome jQuery Image Slider
http://docs.themeisle.com/article/485-getting-started-with-the-nivo-slider-jquery-plugin
MIT License
1.25k stars 605 forks source link

Images of different height #399

Open donquixote opened 8 years ago

donquixote commented 8 years ago

A common use case is to display images of different width / height ratio. E.g. some in landscape, some in portrait ratio.

Usually in such a case one wants to have a box with the height of the tallest image, so that changing slides does not move the content below (or the thumbnails, or the pager) up and down.

A possible solution is on http://www.soslignes-ecrivain-public.fr/Images-of-different-size-and-Nivo-Slider-the-solution.html

Afaik other sliders do this out of the box. I don't think one should have to use custom code for this.

donquixote commented 8 years ago

So far I followed the instructions on http://docs.dev7studios.com/article/15-enabling-thumbnails-with-the-nivo-slider, with fade transition, and the result is that the thumbnails below do move up and down.

donquixote commented 8 years ago

A solution could be to resize all the images to the same aspect ratio, either with crop or by adding blank space left and right / at top and bottom.