Skip to content
This repository has been archived by the owner on May 5, 2021. It is now read-only.

Images of different height #399

Open
donquixote opened this issue Jun 12, 2016 · 2 comments
Open

Images of different height #399

donquixote opened this issue Jun 12, 2016 · 2 comments

Comments

@donquixote
Copy link

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
Copy link
Author

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
Copy link
Author

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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant