1 Topic by coastelem (edited by coastelem 2014-01-13 20:22:25)

  • Registered: 2014-01-06
  • Posts: 6

Topic: Smaller screen displays

Hi Steven, first let me thank you for the updated icoMoon icon instructions in my other post. That worked!

Now, I have my destop display and gallery just the way I want it now.

But when viewing on my android phone when I click the "view gallery" link... I get the ability to scroll through each individual image and that is all. In order to get back to the home page where the "view gallery" link was displayed I  have to use my phones back button go go back through all the images I looked through. That is the only functionality I can figure out on this display.

So I am wondering, is there something I am missing. I looked at support and it talked about a small screen setting, but I don't want to do anything to changer or otherwise mess with the way my gallery it functioning and working on my desktop mode.

If you have a small screen and can tell me what you see or if I can do anything to add more functionality in the small display that would be appreciated. I think I read somewhere that the upper icons won't display but would would be nice if the thumbnails could??? Thank you....

www.ems-gallery (dot) com/photo-gallery/shaving/shaving.html

PS. I just looked at Lizy gallery from her link in the i4/i5 posting and when I get to her link on my phone I see the thumbnails and can go through them, and when I click on the thumbnail I can scroll through the main image/s and I see icons in the upper right that allow me to auto play or display the thumbnails. I imagine the icons are how she set them up? but I see icons in any event. How do I do that with my gallery but still get my desktop display I like... Actually here gallery looks good on my disktop too. Ok, so what is she doing that I'm not:-)

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

Re: Smaller screen displays

After clicking a Splash Page to expand a gallery, a user would ordinarily click the 'Expand/Close' button on the gallery's Button Bar to close the gallery and return to the original page containing the Splash Page.

In Small Screen Mode (used by default to display the gallery on mobile devices), the Button Bar is always displayed on the overlay (as screen real estate is limited and to reserve space for a 'top' area on a small screen device would not be ideal) and your gallery sets showImageOverlay="NEVER", so the 'Expand/Close' button is not visible.

Possible solutions:
(1) Set showImageOverlay="AUTO" or "ALWAYS"
(2) Set showInfoButton="TRUE" which overrides the default behavior of the overlay and always displays the Button Bar (with the Info Button to toggle the overlay on and off)
(3) Set screenMode="LARGE" so that Juicebox uses Large Screen Mode (with the 'top' area) to display the gallery on all devices and in all browsers
(4) You could also use the Back Button to link directly to your web page (but this also relies on the overlay being visible in Small Screen Mode):
showSmallBackButton="TRUE"
backButtonURL="http://www.example.com"

If you set showImageOverlay="AUTO", you will see the icons that you refer to (the Button Bar) and you will have access to the 'Thumbnail' button (to switch between the thumbnail and image pages) and the 'Expand/Close' button to allow the user to return to your main page.