• Registered: 2013-07-22
  • Posts: 6

Topic: problem viewing galleries on ipad

Hi.
when I look at my galleries on an ipad the images flash on and off before moving to the next image in the gallery. I have seen some previous posts about image flickering on ipads but I believe that I am using the latest version of Juicebox v1.3.3 so I'm not sure why it's still happening. My site is made with Moonfruit.
emmatsrobinson.moonfruit.com
Please advise.
kind regards
Emma

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

Re: problem viewing galleries on ipad

Do you see the image flickering in just Mobile Safari or in other browsers, too (such as Chrome)?
What generation of iPad do you have and what version of iOS does it run?

Perhaps the problem is related to the non-gallery code on your page. Both Mobile Safari and Chrome often completely crash and take me back to my home screen when I view your gallery on my iPod Touch 4 iOS 6.1.3.

Ordinarily, I would recommend setting expandInNewPage="TRUE" to ensure that when the Splash Page is clicked, the gallery is opened in a completely new web page (separate from the web page that the Splash Page is displayed in).
However, as you use Moonfruit and have no option but to load your gallery into an iframe, this, unfortunately, is not an option. (When the Splash Page is clicked, the gallery will be opened in a new web page but still within the iframe.)

The only thing I can suggest at the moment is to try setting showSplashPage="NEVER" to see if this makes a difference.

  • Registered: 2013-07-22
  • Posts: 6

Re: problem viewing galleries on ipad

Hi
I have just made my website live but I still have a problem with galleries on the ipad.
I have an ipad mini, version 7.0.4 (11B554a) and model no. MD528B/A.
The site is viewable in both safari and chrome (no problems with crashing on my ipad) but the images still flash on and off. I tried setting splash page to 'never' for the FOOD portfolio but it doesn't appear to make any difference.
Is there anything else you can advise? or anything else you can do to help?
E

  • Registered: 2013-07-22
  • Posts: 6

Re: problem viewing galleries on ipad

It would be useful if there was the ability to choose the screen mode for different devices.  Currently I have the screen mode set to auto and this works well on the web and ok on the ipad (apart from problem above) but it doesn't work well on my android phone.

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

Re: problem viewing galleries on ipad

You currently have your gallery embedded within two iframes (an iframe within another iframe).
The first <iframe> on your 'Food' page is as follows:

<iframe class="page_food_fAmI1LvscHaNb76gfLVOv" frameborder="0" src="/cgi-bin/snippet.cgi?todo=as_page;instance=4577826729;num=1;community_id=4011990497" scrolling="no" allowTransparency="true"></iframe>

The page loaded into this iframe loads your gallery into another iframe.
Also, the page containing the second iframe does not use a Doctype Declaration. (All web pages should use a Doctype Declaration to inform the user's browser what set of standards the code on the web page should conform to.)
Try taking an iframe out of the equation and replace the above code with the following:

<iframe src="https://dl.dropboxusercontent.com/u/37903739/juicebox_gallery_food/food-index.html" width="1050" height="600" frameborder="0" scrolling="no"></iframe>

I do not know how you are adding the iframe to your Moonfruit page but there should be no need to have a second iframe (especially on a page with no Doctype Declaration) so perhaps Moonfruit support could help you out with this.

The double iframe and lack of Doctype Declaration on the page containing the second iframe may be contributing to your problems.

Also, try temporarily setting captionPosition to something other than NONE in your gallery to see if this helps.
There is a known bug (which has been logged and should hopefully be fixed in a future version of Juicebox) whereby a gallery with captionPosition="NONE" loaded into an iframe flickers in WebKit browsers (Chrome, Safari, Opera). This bug may also manifest itself in Chrome and Mobile Safari on mobile devices.

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

Re: problem viewing galleries on ipad

The bug I referred to in my last post has now been fixed in v1.4.0. Please see this blog entry for details.