• Registered: 2015-02-24
  • Posts: 3

Topic: Remove extra space in responsive theme?

Any workaround to get rid of that?

http://bestpics.ru/full/juicebox_free_space.jpg

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Remove extra space in responsive theme?

Please see this FAQ:
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

If you have a 100% x 100% responsive gallery (like the gallery in your screenshot), then the size and shape of the gallery is entirely dependent on the user's browser window. You have no control over this at all.
If the image area within the gallery has a very different aspect ratio to that of the image being displayed, then there will be space at the top and bottom or left and right of the image.

You could either:

  • Set imageScaleMode="FILL" to fill the image area with the image (although cropping will occur), or...

  • Set your gallery's height to be a fixed pixel value (rather than a percentage) so that the image area is likely to have an aspect ratio closer to that of the image being displayed.

I hope this helps.

  • Registered: 2015-06-02
  • Posts: 2

Re: Remove extra space in responsive theme?

Steven wrote:

I hope this helps.

It does not help.

Juicebox should behave per default like a JPG in a resposive theme: it should scale and all empty space above and below should collapse automatically.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Remove extra space in responsive theme?

A Juicebox gallery container is essentially just a <div> on a web page and a Juicebox gallery will resize in exactly the same way as any other <div> with similar dimensions would.
If you want a gallery container to retain a constant aspect ratio at all times, then please see the example in this forum post.