1 Topic by joschko (edited by joschko 2014-11-07 13:41:15)

  • Registered: 2014-11-07
  • Posts: 2

Topic: Pinch gesture in same Window

Have the Pro version (Lightroom plug-in) and find this very good.

Only I would have liked the option of Lightroom to activate the pinch gesture without new page on Iphone.

The Gallery on Iphone (Iphone) is great but my customers would love to the images in the same window zoom (pinch gesture in same window)

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

Re: Pinch gesture in same Window

If you are looking to have the gallery displayed in your web page instead of the Splash Page (which is displayed by default in Small Screen Mode when the gallery is embedded in a page with dimensions of less than 100% x 100%), then you can enter showSplashPage="NEVER" in the Pro Options text area.

Alternatively, you could force the gallery to be displayed in Large Screen Mode (which does not display the Splash Page unless showSplashPage="ALWAYS") by setting screenMode="LARGE".

For more information about the Splash Page and Screen Modes, please see here.

If you are looking to actually pinch-zoom an image within a Juicebox gallery, then this is possible but you would need to be very precise as the start of a pinch-zoom gesture is likely to be interpreted as the start of a gallery-specific gesture (such as a swipe to navigate between images).

I hope this helps.

  • Registered: 2014-11-07
  • Posts: 2

Re: Pinch gesture in same Window

Can you help me on this exemple?
i want zoom (pinch geste) in same window

this ist my Gallery: www.ritz.at/foto/gu

This is my config.xml
<?xml version="1.0" encoding="UTF-8"?>

<juiceboxgallery

    useFlickr="false"
    galleryTitle="Günther"
    textColor="rgba(255, 255, 255, 1)"
    thumbFrameColor="rgba(255, 255, 255, 0.5)"
    showOpenButton="true"
    showExpandButton="true"
    showThumbsButton="true"
    useThumbDots="false"
    useFullscreenExpand="false"

expandInNewPage="FALSE"
showSplashPage="NEVER"
sreenMode="SMALL">

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

</juiceboxgallery>

this is my index.htlm

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Günther</title>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="description" content="" />
        <meta name="viewport" content="minimal-ui" />
        <!--START OPEN GRAPH TAGS-->
        <meta property="og:description" content="" />
        <meta property="og:image" content="" />
        <meta property="og:title" content="Günther" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="" />
        <!--END OPEN GRAPH TAGS-->
                <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
    </head>
    <body>
        <!--START JUICEBOX EMBED-->
        <script src="jbcore/juicebox.js"></script>
        <script>
            new juicebox({
                backgroundColor: 'rgba(34, 34, 34, 1)',
                containerId: 'juicebox-container',
                galleryHeight: '100%',
                galleryWidth: '100%'
            });
        </script>
        <div id="juicebox-container"></div>
        <!--END JUICEBOX EMBED-->
    </body>
</html>

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

Re: Pinch gesture in same Window

In a 100% x 100% gallery on a mobile device (where the gallery is the only element on the web page and the web page fills the browser window), the viewport is locked and pinch-zooming is disabled. It would not be possible to change this.
Pinch zooming would be possible only if the gallery is embedded in a web page alongside other content (at dimensions of less than 100% x 100%) which would result in the viewport not being locked by Juicebox.