Steven wrote:

1) all thumb nails have shrunk to very very small in thumbnail screen

Try adding the following line of code to the <head> section of the HTML page into which your gallery is embedded:

<meta name="viewport" content="width=device-width, initial-scale=1">

2) all OVERLAY buttons or even I set TOP still missing (thus I cannot go back to thumbnail screen any more)

This is a known bug which has been addressed and should be fixed in the next version.

Thank you! We will take a look on this as we are going to embedded it on the original html file

Also when can we see the fixed maintence update going to be?  Thanks

2

(496 replies, posted in Juicebox-Pro Support)

It would be awesome that maybe parse all the files in a certain directory and then automatically update the gallery from there?

Thanks! Now i can pinch to zoom
but I noticed that:

1) all thumb nails have shrunk to very very small in thumbnail screen
2) all OVERLAY buttons or even I set TOP still missing (thus I cannot go back to thumbnail screen any more)

Could you help me on this?

here is from config.xml

<juiceboxgallery

    useFlickr="false"
    resizeOnImport="true"
    cropToFit="false"
    showOpenButton="false"
    screenMode="AUTO"
    showAutoPlayButton="true"
    displayTime="3"
    showBackButton="false"
    backButtonUrl="index.html"
    backButtonPosition="OVERLAY"
    backButtonText="&lt; Back "
    showThumbPagingText="false"
    showLargeThumbs="true"
    useThumbDots="false"
    showSplashPage="NEVER"
    showSmallThumbs="true"
    maxImageWidth="1024"
    maxImageHeight="768"
    imageQuality="80"
    thumbWidth="85"
    thumbHeight="85"
    thumbQuality="90"
    showExpandButton="true"
    thumbPadding="5"
    flickrShowTitle="false"
    showThumbsButton="true"
    imagePreloading="ALL"
    showImageNav="true"
    buttonBarPosition="TOP"
    captionPosition="NONE"
    showImageNumber="false"
    showImageOverlay="AUTO"
    maxThumbColumns="6"
    enableKeyboardControls="false"
    showPreloader="false"
    forceTouchMode="true"
    galleryTitlePosition="OVERLAY"
    enableDirectLinks="false"
    imageTransitionType="SLIDE"
    imageScaleMode="SCALE"
    galleryWidth="99%"
    galleryHeight="99%"
    galleryTitle="Miu Miu &amp; Michael"
    autoPlayThumbs="true"
    thumbFrameColor="rgba(0,0,0,.5)"
    imageFrameColor="rgba(0,0,0,1)"
    maxCaptionHeight="99"

>
  <image imageURL="images/photo_1.jpg"
    thumbURL="thumbs/photo_1.jpg"
    linkURL="images/photo_1.jpg"
    linkTarget="_blank">
    <title><![CDATA[photo_1]]></title>
    <caption><![CDATA[]]></caption>
  </image>

Steven wrote:

You will not be able to pinch zoom if the gallery's dimensions are 100% x 100%. The maximum-scale is set to 1 in this scenario.
You could try using JavaScript to determine the size of the user's browser window and then set the gallery's dimensions to those absolute pixel values instead.

Is there any recommendations on this? As I would like to have zoom in feature in the gallery... As my gallery will be mobile based... Sorry that I am not much of a coder...

Just a newbie here... and I have tried using it on my gallery and it doesn't seem to work it is kept on "slide" and pinch to zoom have no effect as it kept trying to think I am swiping to next image.. is there a remedy?

Thanks!
otaku

```
<juiceboxgallery

    useFlickr="false"
    resizeOnImport="true"
    cropToFit="false"
    showOpenButton="true"
    screenMode="AUTO"
    showAutoPlayButton="true"
    displayTime="3"
    showBackButton="false"
    backButtonUrl="index.html"
    backButtonPosition="OVERLAY"
    backButtonText="&lt; Back "
    showThumbPagingText="false"
    showLargeThumbs="true"
    useThumbDots="false"
    showSplashPage="NEVER"
    showSmallThumbs="true"
    maxImageWidth="1024"
    maxImageHeight="768"
    imageQuality="80"
    thumbWidth="80"
    thumbHeight="80"
    thumbQuality="90"
    showExpandButton="true"
    thumbPadding="5"
    flickrShowTitle="false"
    showThumbsButton="true"
    imagePreloading="ALL"
    showImageNav="true"
    buttonBarPosition="OVERLAY"
    captionPosition="NONE"
    showImageNumber="true"
    showImageOverlay="ALWAYS"
    maxThumbColumns="6"
    enableKeyboardControls="false"
    showPreloader="false"
    forceTouchMode="false"
    galleryTitlePosition="TOP"
    enableDirectLinks="true"
    imageTransitionType="NONE"
    imageScaleMode="SCALE"

>
  <image imageURL="images/photo_1.jpg"
    thumbURL="thumbs/photo_1.jpg"
    linkURL="images/photo_1.jpg"
    linkTarget="_blank">
    <title><![CDATA[photo_1]]></title>
    <caption><![CDATA[]]></caption>
  </image>
  <image imageURL="images/photo_2.jpg"
    thumbURL="thumbs/photo_2.jpg"
    linkURL="images/photo_2.jpg"
    linkTarget="_blank">
    <title><![CDATA[photo_2]]></title>
    <caption><![CDATA[]]></caption>
  </image>
  <image imageURL="images/photo_3.jpg"
    thumbURL="thumbs/photo_3.jpg"
    linkURL="images/photo_3.jpg"
    linkTarget="_blank">
    <title><![CDATA[photo_3]]></title>
    <caption><![CDATA[]]></caption>
  </image>
'''