Topic: Inconsistent full-screen viewing on mobile with WordPress plugin

Hi,

I use the WordPress Juicebox-Pro plugin and have noticed something strange going on when I first click on the splash page or "view gallery" to open full-screen viewing on mobile. The first time I click it, the image does not stretch across the screen. When I exit the gallery and then click on it again, voila—the image is full-screen. Please see the linked screenshots below to get an idea of to what I'm referring. Any fix for this? Thanks!

www.kleibography.com/Screenshot_2015-02-09-15-39-48.png
www.kleibography.com/Screenshot_2015-02-09-15-40-05.png

Re: Inconsistent full-screen viewing on mobile with WordPress plugin

It looks like you might have some custom CSS on your web page (possibly introduced by your theme) which is conflicting with the gallery's own CSS.
You might like to temporarily try using a different theme (such as one of the default WordPress themes, e.g. TwentyTwelve, TwentyThirteen or TwentyFourteen), just to see if this makes a difference.

Also, I notice that your gallery currently sets expandInNewPage="FALSE". Try setting expandInNewPage="TRUE" instead. When the gallery is expanded from the Splash Page, it will be expanded on a new page of its own (instead of being expanded on top of the embedding page) where CSS conflicts cannot occur.

I hope this helps.

Re: Inconsistent full-screen viewing on mobile with WordPress plugin

Steven wrote:

Also, I notice that your gallery currently sets expandInNewPage="FALSE". Try setting expandInNewPage="TRUE" instead. When the gallery is expanded from the Splash Page, it will be expanded on a new page of its own (instead of being expanded on top of the embedding page) where CSS conflicts cannot occur.

I hope this helps.

I had it set to TRUE, but then a few friends who use IOS8 said that it wasn't working on their phones, so I set it back to FALSE, and they said it was working. I suppose that it isn't that big of an issue; I just wanted to see if there was an easy fix. Thanks.

Re: Inconsistent full-screen viewing on mobile with WordPress plugin

The default value for expandInNewPage is AUTO and on iOS devices, this equates to TRUE. Please see here for details.
It should be pretty safe to just keep expandInNewPage="AUTO" (or, indeed, to set expandInNewPage="TRUE") and both settings should certainly work fine.

If your friends were viewing your gallery over a 3G or 4G connection (rather than wi-fi), then please see this FAQ which has a solution to this problem.
Why can't I view my gallery on a 3G mobile connection?

If this does not help, then please let me know what your friends saw instead of your gallery (an error message or a blank space?) so that I can investigate further.

Also, as your WordPress site is on www.kleibography.com (and all paths within your WordPress pages use the 'www' subdomain), please make sure that your friends are visiting www.kleibography.com rather than just kleibography.com. (All gallery files must be on the same domain or subdomain as the web page containing the gallery's embedding code due to the JavaScript same-origin policy.) I doubt that this is the root of your problem as kleibography.com redirects to www.kleibography.com but it might be something worth checking.

Re: Inconsistent full-screen viewing on mobile with WordPress plugin

Steven wrote:

The default value for expandInNewPage is AUTO and on iOS devices, this equates to TRUE. Please see here for details.
It should be pretty safe to just keep expandInNewPage="AUTO" (or, indeed, to set expandInNewPage="TRUE") and both settings should certainly work fine.

If your friends were viewing your gallery over a 3G or 4G connection (rather than wi-fi), then please see this FAQ which has a solution to this problem.
Why can't I view my gallery on a 3G mobile connection?

If this does not help, then please let me know what your friends saw instead of your gallery (an error message or a blank space?) so that I can investigate further.

I just did a test with my coworker who has IOS8. I switched the expandInNewPage option on one of my galleries from "FALSE" to "AUTO" and it came up blank on her phone. She is using 4G LTE connection, so it's not a problem with 3G.

Re: Inconsistent full-screen viewing on mobile with WordPress plugin

A 4G connection may use content modification just like a 3G connection.
Please implement the solution in the FAQ: Why can't I view my gallery on a 3G mobile connection?
In the meantime, please ask your friend to try viewing your gallery over a wi-fi connection and it should hopefully display and function fine.

Re: Inconsistent full-screen viewing on mobile with WordPress plugin

Steven wrote:

A 4G connection may use content modification just like a 3G connection.
Please implement the solution in the FAQ: Why can't I view my gallery on a 3G mobile connection?
In the meantime, please ask your friend to try viewing your gallery over a wi-fi connection and it should hopefully display and function fine.

Well, there's good news and bad news. I implemented that solution, and now my friend can open the galleries on her iPhone when the expand in new page configuration option is set to AUTO instead of FALSE. However, the problem of the galleries not expanding to full screen is still there when I open the galleries on my phone. Do you have any other possible solutions?

Re: Inconsistent full-screen viewing on mobile with WordPress plugin

Maybe with a little more information, we can track this problem down.

Have you tried setting expandInNewPage="TRUE" since implementing the solution for 3G/43G?

What happens when you expand the gallery with expandInNewPage="TRUE" on your own phone? (Does the weird scaling issue occur the first time you expand the gallery or does this happen only when expandInNewPage="FALSE"?)

What phone (and operating system version) do you use?

Have you tried different browsers (e.g. Chrome, stock Android Browser, Mobile Safari)?

I implemented that solution, and now my friend can open the galleries on her iPhone when the expand in new page configuration option is set to AUTO instead of FALSE.

On an iOS device, when expandInNewPage="AUTO", the value "TRUE" is used (as noted here) and we know that your friend can expand the gallery successfully in this case. Allowing Juicebox to always expand the gallery in a new page (by setting expandInNewPage="TRUE") should work for all devices and browsers.

Re: Inconsistent full-screen viewing on mobile with WordPress plugin

Setting the value to TRUE after changing the 3G settings worked. Thank you very much for your help!

Re: Inconsistent full-screen viewing on mobile with WordPress plugin

You're welcome!