search

Boonstra / Slideshow

17 stars 18 forks source link

slideshows are not responsive (issues with height) #18

Closed wildstray closed 7 years ago

wildstray commented 7 years ago

If I don't specify an height, slideshow won't work (nothing will shown). I if specify an height, that height will be fixed for any device and screen resolution. Eg. if I specify 700 and I have images of 900x700, slides are perfect on desktop. On smarphone, images are resized and are proportional, but there is an empy space below the slides (of 700px - image height) :( Really annoying, how to deal with it? Is it a bug? Are there some trick to make slides responsive? (I tried with css, specifying height of slideshow_container in @media directives but it doesn't work, internal divs and imgs will remain of 700px in my case).

wildstray commented 7 years ago

Ok, I understood the catch :-) There is a setting "Enable responsiveness"... the Italian translation is not so clear... and another setting "Proportional relationship between slideshow's width and height etc."... that is not clear in Italian not even in English. "Aspect ratio" would have sufficed! :-) After enabling the first setting and specifying an aspect ratio for the slides, the slideshow will be responsive.