• Registered: 2014-05-17
  • Posts: 3

Topic: Multi-size doesn't work?

I'm playing around experimenting with the multisize but it does NOT seem to serve any different images - in fact I'm only getting whatever is defined in imageURL.

It's hard to test against your demo, http://juicebox.net/demos/pro/multisize/config.xml since the config itself specified THE EXACT SAME IMAGE for each size!

  • Registered: 2014-05-17
  • Posts: 3

Re: Multi-size doesn't work?

Furthermore, it looks like your detection of using the large image requires an apple device with +1.5 DPR. Although this is not my area of expertise, it would appear this logic is flawed.
- My 27" monitor is 2560x1440 - that's pretty high resolution - in fact basically higher than the iPad retina, and because it's stretced out further, NOT using a larger image would actually look even worse
- Non-iOS tablets make use of the "retina"/DPR concept

Would it not make sense to define a screen resolution threshold? Right now, I can't really serve the same "high quality" image for both large-desktop-monitors AND iPads without also serving higher-than-necessary images to other devices.

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

Re: Multi-size doesn't work?

I'm playing around experimenting with the multisize but it does NOT seem to serve any different images - in fact I'm only getting whatever is defined in imageURL.

The Multi-Size Image Support seems to work fine but perhaps not as you expect it to.
If you are adding the extra image sizes to your gallery's XML file manually, the attribute names are case-sensitive so take care to use smallImageURL and largeImageURL entries (instead of, for example, smallImageUrl or largeimageurl).
Try opening an image in a new window (with the Open Image button on the Button Bar) and you should see the largeImageURL being used.

the config itself specified THE EXACT SAME IMAGE for each size!

Each image (small, medium and large) in the Multi-Size demo gallery is unique. All three sizes for each entry have the same file name but they are stored in different folders and are different sizes (though I agree it can be hard to tell which image is being used just by viewing the gallery).

Would it not make sense to define a screen resolution threshold?

The logic used to determine which image to use can be found in the Multi-Size Image Support section.
To a certain extent, Juicebox does take into account the screen resolution. The size of images used in the gallery is partly dependent on the Screen Mode used to display the gallery and as long as screenMode="AUTO", the Screen Mode is dependent on the screen resolution (amongst other factors).
Unfortunately, it is not possible to change this logic (for example, to introduce your a custom screen resolution threshold into the mix). If you would like to suggest this for a future version of Juicebox, then please post in the Feature Requests thread. I do not know how likely it is that your suggestion will be incorporated into a future version of Juicebox but at least it will be in the right place and will not be overlooked by the developers.

An alternative to using Multi-Size Image Support would be to use a single image of high enough resolution that it would still look OK on the highest resolution screen that you expect your gallery's target audience to use. The image would still be dynamically scaled down appropriately for use on smaller screens.

I hope this helps clarify things.