• Registered: 2014-02-23
  • Posts: 1

Topic: close btn on full screen gallery

Hi,
i would like when i click on expand button and enter full screen mode, to exit from gallery not just by clicking on expand button, but also if i click anywhere else  on stage, except on image. Also than next and prev button should work only when i click on left or right side of image.
Thank you, logmov

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

Re: close btn on full screen gallery

i would like when i click on expand button and enter full screen mode, to exit from gallery not just by clicking on expand button, but also if i click anywhere else  on stage, except on image.

Juicebox-Pro was not designed with such functionality in mind and there are no configuration options which you could set which would allow this behavior.

If you really wanted to try to achieve this, you would need to:
(1) Check with browser developer tools which Juicebox classes and/or ids within your gallery you would like to become clickable.
(2) Write some JavaScript code to run a function when these elements are clicked (perhaps using jQuery).
(3) Use the toggleExpand() Juicebox-Pro API method within your function to close the gallery.
(4) Use a JavaScript variable to keep track of whether or not the gallery is currently expanded (as you only want your function to fire toggleExpand() when the gallery is expanded).

Essentially, it might be possible to do but it would likely be complex to achieve and you may come across unforeseen issues which would need to be tackled whilst coding a solution.

Also than next and prev button should work only when i click on left or right side of image.

You can disable keyboard controls (arrow keys to navigate to previous/next images) by setting enableKeyboardControls="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section).
You can also ensure that navigation buttons are not included in the Button Bar by setting showNavButtons="FALSE" ('Customize -> Button Bar').