Thanks for the reply.

I'm using my own navigation buttons in large screen mode, and hiding them in small screen mode: I think they are superfluous on touch screens where you can swipe. iPads defaulting to large screen mode means I can't hide thumb nav buttons on iPads without also hiding them on bigger screens.

I've been smacked with unforeseen knock-on problems before, when I have got ahead of myself, so I may wait and see if the devs think my suggestion is worthwhile.

Thanks again,

Brian

In Small Image Mode, buttons to navigate between images or between 'sets' of thumbnails don't appear. This is fine because devices with small screens have touch screens and users can swipe.

iPads use Large Screen Mode by default and navigation buttons appear but aren't needed (except maybe as a hint to users about what to do), because swiping can be used.

Feature Request (unless I'm missing something):
Option to hide navigation buttons for touch screens regardless of screen resolution.

Maybe a new configuration option: "showThumbNav" defaulting to TRUE (always show thumb nav buttons as at present), with options of AUTO (hide thumb nav buttons on touch screens), and FALSE (never show).

Thanks,

Brian

Got it! I found an easy option changing:

.jb-navigation .jbn-left-button:before, .jb-flag-large-screen-mode .jb-navigation .jbn-left-button:before
{
    content: "\e001";
}

in theme.css to

.jb-navigation .jbn-left-button:before, .jb-flag-large-screen-mode .jb-navigation .jbn-left-button:before
{
    content:url(../../PNGs/left.png);
}

This seems to work. Will I have caused myself problems elsewhere?

Regards,

Brian

Steven,

Your suggestion works perfectly, and uses clearer more elegant code, which is always better. There is an <a> tag on the splash screen, but once I gave my styled <a> button a class, it just worked.

Sorry about my error in saying the Button Bar disappears when the screen is tapped: it doesn't. All buttons have always worked properly; only my custom button disappeared and did not register taps.

Many thanks for superb and rapid support!

Brian

Steven,
The solution above works in OS X and on iPads. On my iPhone, screen touches anywhere hides Title, Caption (including my button) and Button Bar, so a touch on the button never registers on a phone.

Setting screenMode="LARGE" in config.xml seems to make no difference.

Is there a way to get my useful button to register presses on an iPhone?

Here's an example: http://www.brianwatsonphoto.co.uk/Pano/index.html#1

Thanks,

Brian

There is a work-around to enable zooming, by using Zoomify.

I use a button in the Caption to link to a page showing a Zoomified version of the picture (Zoomify breaks large files into small pieces: as you zoom in, you only download the parts you are looking at). For example:  http://www.brianwatsonphoto.co.uk/Pano/index.html#1.

For this <image>, my  config.xml file looks like this:

  <image imageURL="images/tyneglow8938.jpg"
         thumbURL="thumbs/tyneglow8938.jpg"
          linkURL="z/tyneglow8938.html"
    smallImageURL="images/small/tyneglow8938.jpg">
    <title><![CDATA[The Glow on the Tyne]]></title>
    <caption><![CDATA[7,004 x 2,774 pixels <form><button type="submit" formaction='z/tyneglow8938.html' formmethod='post'>Zoom…</button></form>]]></caption>
  </image>

This lets me display high resolution versions of my quite detailed panoramas.

The only drawback is that the button won't stay on the same line as the Caption: it appears on the line below.

Hope this helps,

Brian

Steven,

Many thanks. Your prompt and comprehensive help is as usual much appreciated.

Regards,

Brian

Thanks for you help, and your many prompt replies, much appreciated. I shall proceed with my javascript button Back button.

Regards,

Brian

Steven,
I think I have an acceptable solution using a plain javascript button visible only at screen widths used by Small Screen Mode.

<button class="backButton" onclick="location.href='../index.html'">Back</button>

and styles

button{z-index:999; position:fixed; top:15px; left:0; height:25px;}
@media only screen and (min-width:768px) {.backButton{visibility:hidden;}}

The button is sized/positioned so as to cover the JuiceBox Home button when the page is viewed in a browser and the window is made smaller than 768px.

This may help others (who may have even better solutions!).

Regards,
Brian

In Small Screen Mode, with the Gallery Title hidden using your suggestion above, I have fifteen icons on my Gallery page http://www.brianwatsonphoto.co.uk/Africa/ which looks great. But my Back Button text ("Back") appears when the page loads, just before the thumbnails appear, then immediately disappears. Tested on iPhone 5.

Is there a way to have a Back Button on a Gallery page like this?

Regards,
Brian

Thanks again, Steven.

I had tracked it down to something in /jbcore/, but it was 1.33 and not a corrupted 1.40 (sorry, my error again).

Galleries on the iPhone look great now with five columns of thumbnails, although the galleryTitle overlaps the top left thumbnail by two pixels. Is there an option to not show the gallery title in Small Screen mode?

Thanks for the great support; only 4px from perfection now!

Regards,

Brian