• Registered: 2012-06-05
  • Posts: 7

Topic: large screen mode on small screen transition problem

another problem please,

on my gallery page i have set screen mode to large to force this for small screens.  so far only tested on android phone but it is using a slide transition instead of none?

thanks again!

see here http://www.midnightshorts.com.au/new_site/index.html

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
configUrl: "juicebox_config_front.xml",
screenMode: "LARGE",
enableTouchZoom: "TRUE",
forceTouchMode: "TRUE",
galleryWidth: "700px",
galleryHeight: "440px",
backgroundColor: "rgba(0,0,0,0)",
showLargeThumbs: "FALSE",
showGalleryTitle: "FALSE",
showOpenButton: "FALSE",
showThumbsButton: "FALSE",
showExpandButton: "FALSE",
randomizeImages: "TRUE",
enableLooping: "TRUE",
imageTransitionType: "NONE",
imageClickMode: "NONE",
imagePreloading: "ALL",
showImageNav: "FALSE",
showNavButtons: "FALSE",
buttonBarPosition: "NONE",
captionPosition: "NONE",
enableAutoPlay: "TRUE",
autoPlayOnLoad: "TRUE",
showAutoPlayStatus: "FALSE",
displayTime: "4",

});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

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

Re: large screen mode on small screen transition problem

It looks like you have found a bug. Thank you for reporting.
I have logged a bug report.

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

Re: large screen mode on small screen transition problem

This is not actually a bug. The SLIDE transition will always be used in Touch Input Mode (as the Swipe gesture lends itself to the SLIDE transition) and Touch Input Mode will always be used on small touch-screen devices.
As the description for imageTransitionType says on the 'Juicebox - Config Options' page:

Only applies for Large Screen Mode and Mouse Input Mode.

Apologies for suggesting that it might have been a bug.

  • Registered: 2012-06-05
  • Posts: 7

Re: large screen mode on small screen transition problem

sorry i am still having problems with this: have tried many combinations. it still slides on both android and iPhone.
i removed the enableTouchZoom and forceTouchMode parameters as suggested.

my site is now at www.midnightshorts.com.au/index.html

my parameters are
<!--START JUICEBOX-PRO EMBED.-->
        <script src="jbcore/juicebox.js"></script>
        <script>
            new juicebox({
                containerid: 'juicebox-container',
                galleryWidth: "660",
                galleryHeight: "440",
                screenMode: "LARGE",
                showLargeThumbs: "false",
                backgroundColor:"transparent",
                galleryTitlePosition:"none",
                buttonBarPosition: "none",
                captionPosition:"none",
                showNavButtons:"false",
                showAutoPlayButton:"true",
                showOpenButton:"false",
                showExpandButton:"false",
                showThumbsButton:"false",
                showImageNav: "false",
                imageTransitionType: "none",
                randomizeImages: "true",
                enableAutoPlay: "true",
                autoPlayOnLoad: "true",
                showAutoPlayStatus:"false",
                displayTime: "3",
                enableLooping: "true",
                showPreloader: "true"
            });

        </script>
        <div id="juicebox-container"></div>
<!--END JUICEBOX-PRO EMBED.-->

any more suggestions?  thanks again...

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

Re: large screen mode on small screen transition problem

It is not possible to change the image transition type from SLIDE on mobile devices.

Changing enableTouchZoom will toggle the ability to pinch zoom on mobile devices and has nothing to do with the image transition.

Setting forceTouchMode to FALSE (default setting) will allow Juicebox to be displayed in Mouse Mode in desktop browsers whilst displaying Juicebox in Touch Mode on mobile devices.
Setting forceTouchMode to TRUE will force Juicebox to be displayed in Touch Mode in both desktop browsers and on mobile devices.

On mobile devices, Touch Mode will always be active (this cannot be overridden) and in Touch Mode, the image transition type will always be SLIDE (this also cannot be overridden).

  • Registered: 2012-06-05
  • Posts: 7

Re: large screen mode on small screen transition problem

ok,
thanks for speedy reply.  i think i understand now.

maybe this is a feature that could be implemented in another version? or will it always be impossible?

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

Re: large screen mode on small screen transition problem

If you like, you could post this suggestion as a feature request in this thread so that it does not get overlooked.