1 Topic by mallow (edited by mallow 2015-08-16 07:08:29)

  • From: POLAND
  • Registered: 2014-04-23
  • Posts: 15

Topic: bottom border with fullscreen on an iPhone [SOLVED]

Hi. I have a strange problem with Juicebox v1.4.4.1 and iPhone 5s with latest iOS 8.4.1
When I browse through images of 1280x720 resolution on my iPhone 5s in fullscreen mode (horizontal), all the images have white border line at the bottom. My bg color is also white, but it shouldn't be visible with those images, as 1280x720px are the same proportions as iPhone's screen. Those images should cover all screen.

Can I post images here to show you an example?

P.s. I tested older Juicebox gallery, version 1.4.1 on the same iPhone and same iOS version and everything looks OK. No bottom border.

mallow's Website

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

Re: bottom border with fullscreen on an iPhone [SOLVED]

The iPhone 5s has a screen resolution of 1136 x 640 which is a very slightly different aspect ratio to 1280 x 720.
To fill the screen completely, your images would need to be 1278 x 720.
If the white border you see is very thin (just one or two pixels), then this difference in aspect ratios might account for the problem. Try using images of 1278 x 720 instead, or set imageScaleMode="FILL" so that your images are scaled up to fill the gallery's image area. With your images having an aspect ratio so close to that of the viewport, there will be very little cropping required to fill the image area.

If this does not help, then please post the URL to your gallery so that I can take a look at the problem for myself.
You can't post images here in the forum but you can upload them to a file sharing site such as Dropbox.

  • From: POLAND
  • Registered: 2014-04-23
  • Posts: 15

Re: bottom border with fullscreen on an iPhone [SOLVED]

Thank you for your help, Steven. It was my mistake. You are right about this aspect ratio. I told you that in the older version of Juicebox it was OK, but... In this older gallery I had black background color and it only seemed there is no bottom border. It was, but just not clearly visible due to iPhone's screen black surface. I changed bg color to white and the border is visible there as well.

imageScaleMode="FILL" is not an option in this case, because I have images with different resolutions and I want all parts of image to be visible.

Anyway, it is my mistake, not a problem with Juicebox. Thanks.

mallow's Website

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

Re: bottom border with fullscreen on an iPhone [SOLVED]

No problem.
I'm glad you've been able to figure out what was causing your problem.
Thanks for posting back to let me know.