• Registered: 2014-06-24
  • Posts: 5

Topic: Newbie questions about scaling and full-sized images

I just bought juicebox pro and am trying to use it with Wordpress.  What I would like to do (if possible is this):

Have the settings for the embedded gallery show the full-sized images, viewers might have to scroll to see the entire image.

I have figured out how to do this and it works well.

When they click on expanding the gallery to fullscreen, I would like this version to scale to autofit the images to the screen (so the user sees the entire image).

Basically trying to give them two options - a way of viewing the full-sized image without scaling down and seeing the whole image.

Any advice on how to achieve this will be greatly appreciated.

Thanks!

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

Re: Newbie questions about scaling and full-sized images

Juicebox-Pro uses only one set of configuration options for both normal and fullscreen modes.
All configuration options are set when the gallery is first loaded and it is not possible to change a configuration option (such as imageScaleMode) after the gallery has loaded (for example on going fullscreen). You would need to reload the gallery after changing a configuration option for it to take effect. Also, in order to load a gallery in fullscreen mode, you would need to reload the entire web page with #expanded at the end of the URL.
This would all get very complicated very soon and reloading the entire web page when a user expands the gallery would probably not be a practical solution.

  • Registered: 2014-06-24
  • Posts: 5

Re: Newbie questions about scaling and full-sized images

Thanks. That is good information to have.  Sounds like there's not much upside to showing fullscreen for my idea.

Another newbie question about scaling.  If I want to show the images with no scaling and they have different heights (say one image is 1000px height and another is 2000px height, is the best way to set the height larger than the maximum height?  Any other way to handle this?

Thanks!

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

Re: Newbie questions about scaling and full-sized images

If I want to show the images with no scaling...

If you want to display the images with no scaling, you can set imageScaleMode="NONE".
However, depending on the dimensions of your gallery, large images may be cropped. If you are allowing Juicbeox to scale down large images to fit within the gallery's image area whilst respecting their aspect ratios, then it would be best to ensure that the dimensions of your images are greater than the maximum dimensions at which your gallery will be displayed. If your gallery has fixed dimensions, this will be easy to calculate. However, if your gallery's size is dynamic, then you might need to take into consideration how your gallery will likely be viewed by its target audience (whether visitors to your web site are likely to be viewing your gallery on mobile devices or large monitors).