1 Topic by wspollack (edited by wspollack 2015-08-05 17:17:53)

  • Registered: 2012-05-02
  • Posts: 161

Topic: iPhone: 1) Text Not All Shown; 2) iOS Icons Only on Vertical Screen

Steven:

Sorry to bother you about some more iPhone oddities:

1) If I have a lengthy caption text -- yeah, I know, probably too verbose -- it shows fine on my 21" hi-def PC monitor, of course. On my iPhone6 (iOS 8.4), not all of it shows in horizontal mode, and even less in vertical mode. Here are the examples:

http://www.billanddot.com/victory-xct/#30 (a good example)
http://www.billanddot.com/iphone-lots-o … zontal.PNG (the image above, captured on iPhone in horizontal mode)
http://www.billanddot.com/iphone-lots-o … rtical.PNG (the image above, captured on iPhone in vertical mode)

So my question at this point: is there anything I can do, some Juicebox Pro setting, to increase the allowable text area?

I realize that on the small device, this much text could overlay most of the image, but the viewer could always open the image in a new window, or start to swipe the image (at which point the text disappears). There is, however, no way for the viewer to scroll down, to see any extra text. (And it is nice, the way Juicebox moves more concise text on other images down to the bottom, out of the way.)

2) In regard to those two small-device screen grabs, you'll note that in vertical mode there are the usual iOS Safari icons (and page title)... but in horizontal mode, these are not present (allowing some more real estate for the image and text). These are both full-screen captures, i.e., not cropped in any way. Further, they were obtained by just tilting the phone back and forth; that is, no user clicking or pressing, just flipping the phone back and forth (repeatable ad infinitum).

My question here: are these vertical-only icons a quirk of iOS, or does Juicebox send some command (or lack of one) to small screens, such that Safari defaults to showing icons in one mode and not the other? Or is this dependent on the size or aspect of the image in question?

Thanks for any help and comments.

Regards,

Bill P.

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

Re: iPhone: 1) Text Not All Shown; 2) iOS Icons Only on Vertical Screen

(1) Try increasing maxCaptionHeight from its default value of 120.
When the captionPosition is on the image overlay, which it is by default in Small Screen Mode, maxCaptionHeight is used as a maximum value (rather than an actual fixed value) and each caption will take up only as much space as it needs, up to the specified maximum.
This should hopefully help.

(2) That's just how Mobile Safari iOS 8 works. You should see the same behavior on all web pages, whether they have Juicebox galleries embedded in them or not.
In portrait orientation, the lower toolbar will disappear if you scroll down a page (with scrollable content).
In a 100% x 100% Juicebox gallery on a page of its own, there is no scrollable content (the gallery fills the viewport and there is nothing below the gallery) and the lower toolbar will always be visible (in portrait orientation).

  • Registered: 2012-05-02
  • Posts: 161

Re: iPhone: 1) Text Not All Shown; 2) iOS Icons Only on Vertical Screen

As usual (always?), your answer was spot on. I added maxCaptionHeight=360 to the Juicebox settings in that jAlbum gallery (which hitherto had used the default, i.e., not specified). The results:

http://www.billanddot.com/iphone-lots-o … ntal-2.PNG
http://www.billanddot.com/iphone-lots-o … ical-2.PNG

Yep, looks kind of stupid, but at least the full text can be read. And, as I say, if the viewer just barely starts the swipe process, the picture can be seen without the text.

And thanks for the explanation of scrolling and icons and so forth on iOS, vis-a-vis the horizontal and vertical modes. I had only sort of noticed that behavior before, but wasn't paying sufficient attention.

Thank you for your time and help.

Cheers,

Bill P.

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

Re: iPhone: 1) Text Not All Shown; 2) iOS Icons Only on Vertical Screen

You're welcome.