• Registered: 2012-06-13
  • Posts: 5

Topic: pinch to zoom not working on iPhone? IOS?

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>
'''

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

Re: pinch to zoom not working on iPhone? IOS?

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.

  • Registered: 2012-06-13
  • Posts: 5

Re: pinch to zoom not working on iPhone? IOS?

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...

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

Re: pinch to zoom not working on iPhone? IOS?

It might be easier if you set your gallery's dimensions to anything other than 100% x 100% (e.g. 99% x 99% or absolute pixel values such as 800 x 600) and then set showSplashPage="NEVER" so that on mobile devices, users are not presented with a 'View Gallery' Splash Page which, when clicked, would display the gallery at 100% x 100%, disabling pinch zoom.

  • Registered: 2012-06-13
  • Posts: 5

Re: pinch to zoom not working on iPhone? IOS?

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>

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

Re: pinch to zoom not working on iPhone? IOS?

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.

  • Registered: 2012-06-13
  • Posts: 5

Re: pinch to zoom not working on iPhone? IOS?

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

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

Re: pinch to zoom not working on iPhone? IOS?

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

There is no set time-frame for releases and no release date scheduled for the next version (though it should be sooner rather than later).
However, you can be notified of new releases by joining our mailing list and following us on Twitter (@juiceboxgallery).
Please scroll down to the bottom of our home page for details.

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

Re: pinch to zoom not working on iPhone? IOS?

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

This bug has now been fixed in v1.1.0. Please see this Juicebox Blog entry for further details.