• Registered: 2015-10-11
  • Posts: 7

Topic: Images flash on iOS [SOLVED]

Hello,

I'm trying to set up a new site with Juicebox Pro. I've got an autoplay slideshow on the home page that cycles through an image set randomly using the Fade transition. It works fine on the desktop, but on mobile it the transition changes to Slide and then it flashes (quickly reloads) once the image is in place.

See it here: http://www.jonesboysrocketry.info/johnj … index.html

I'm using Jukebox Pro v1.4.4.2, primarily using the LR plugin but have built it the stand alone and get the same behavior.

Thanks for your help.

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

Re: Images flash on iOS [SOLVED]

I see the problem in your own gallery but I have been unable to replicate it in a test gallery of my own using, reproducing your gallery as closely as possible (using the same configuration options that your gallery uses and using image captions with links).

The main difference between your own setup and mine is the web server the galleries are hosted on.
This problem may be related to server-side caching.
If caching is disabled on your web server, then Juicebox will have to download the images every time it needs them (as it will not be able to request them from a cache) and this may be causing the problem.
If you have an Apache web server and have a .htaccess file with an entry such as the following (to disable caching), then please try removing it to see if it helps.

Header set Cache-Control "max-age=0, private, no-cache, no-store, must-revalidate"

Otherwise, please check with your web host to see if caching is enabled on your hosting account (and if not, ask if they could enable it).

Be sure to clear your browser's cache after making any changes and before reloading your gallery's web page.

Hopefully this will help.

  • Registered: 2015-10-11
  • Posts: 7

Re: Images flash on iOS [SOLVED]

Steven,

Thank you for your reply. I had my web hosting service enable caching for my site. They pointed me to this mobile emulator to test it:

http://mobiletest.me/google_nexus_7_emu … index.html

It does work there but I'm still getting the same behavior on my iPad. (I did go in and clear website data which I assume is the same as clearing the cache.)

Anything else I can try?

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

Re: Images flash on iOS [SOLVED]

I notice that the Cache-Control header for your website has the setting max-age=0.
From the Google Developers page:

“max-age”

This directive specifies the maximum time in seconds that the fetched response is allowed to be reused for from the time of the request - e.g. “max-age=60” indicates that the response can be cached and reused for the next 60 seconds.

Setting max-age=0 will expire all assets immediately, indicating that cached versions should not be used and that a browser should reload them from the web server.

Try setting something like the following in an .htaccess file in your root directory.

Header set Cache-Control "max-age=2592000"

... or ask your web host to remove the max-age=0 setting from your website.

Hopefully this will solve your problem.

  • Registered: 2015-10-11
  • Posts: 7

Re: Images flash on iOS [SOLVED]

Thanks Steven,

That fixed the flashing but the autoplay is still switching from fade to slide on mobile. I can live with it, but would rather have fade for the opening page.

Any more suggestions?

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

Re: Images flash on iOS [SOLVED]

That fixed the flashing

That's great to hear. Thank you for letting me know.

but the autoplay is still switching from fade to slide on mobile.

The imageTransitionType configuration option is supported in Large Screen Mode and Mouse Input Mode only. (This is noted in the short description of the option in the Main Image section of the Config Options page.)
You can force a gallery to be displayed in Large Screen Mode (by setting screenMode="LARGE") but on a touch-enabled mobile device, the Input Mode will always be Touch and the image transition type for Touch Input Mode will always be SLIDE (which is the transition which best fits with the swipe gesture for navigating between images).
It is not possible to override the Input Mode (Touch vs Mouse) in a Juicebox gallery.

  • Registered: 2015-10-11
  • Posts: 7

Re: Images flash on iOS [SOLVED]

Thanks. I did have screenMode="LARGE" set but didn't realize that it would always default to SLIDE.

Thanks for all your help.

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

Re: Images flash on iOS [SOLVED]

You're welcome.