1 (edited by as_ap 2016-09-30 05:43:26)

Topic: image size on mobile [SOLVED]

I've been struggling with making my images show up properly on mobile. The galleries work great on large screens, but display tiny thumbnail sized photos on ios.
I'm certain it's something silly I'm missing, any help would be appreciated.

Re: image size on mobile [SOLVED]

The problem might be caused by some custom CSS on your web page which is overriding the gallery's own CSS.
It might help to know other factors such as what version of Juicebox you are using, what meta 'viewport' tag your web page uses (if any), what dimensions your images are and what configuration options your gallery uses.

Please post the URL to your gallery's web page so that I can take a look at the problem for myself.
Please also let me know what device and browser(s) you see the problem in.

Once I am able to see the gallery for myself, I should hopefully have a better idea of what the problem could be.
Thank you.

Edit:
Maybe you are using a Multi-Size Image gallery with very small 'Small' images. The 'Small' image size would be used only in Small Screen Mode (on mobile devices) and small images would not be scaled up by default when using imageScaleMode="SCALE_DOWN".
(That's my best guess without being able to see the gallery.)

3 (edited by as_ap 2016-09-30 05:43:35)

Re: image size on mobile [SOLVED]

Steve - thanks for your reply.

Re: image size on mobile [SOLVED]

Thank you for the link.
I see the problem in your own gallery but I have not been able to replicate the problem in a test gallery of my own (using 'Small' and 'Medium' images of the same dimensions as yours, the same configuration options that your gallery uses, the same 'index.html' page code and the same version of Juicebox-Pro).

If it's any indication of the problem, if you open one of the images in a new window (via Juicebox's 'Open Image' button), the image is still displayed very small. After clicking the 'Open Image' button, the image is displayed directly in the browser (with no HTML code at all) and Juicebox is no longer part of the equation.
On a retina display mobile device, the 'Medium' images should be displayed in the gallery and it should also be the 'Medium' images that are opened in a new window.
I would not expect to see such a small image when opened directly in a browser (your images do not appear to be that small).

I don't see anything obviously wrong with your gallery and cannot replicate the problem myself.
The most obvious difference between your own setup and mine is the web server so I'm wondering if there might be something going on server-side that is somehow causing the problem.
Maybe there's some server-side caching going on or perhaps use of a CDN which is currently serving older, smaller versions of your images.
It's all I can think of at the moment. If I think of anything else, I'll be sure to post back.

In the meantime, try creating a fresh gallery with different image ilenames that you know have not been cached anywhere (just rename your images) to see if this makes a difference.

Also, although there is no reason why your gallery with 'Small' and 'Medium' images should not work well, you could try creating a gallery with just 'Medium' images to see if this helps.

Re: image size on mobile [SOLVED]

thank you for your help!! figured it out.
(adaptive images was interfering)

Re: image size on mobile [SOLVED]

I'm glad you've been able to find the source of your problem.
Thank you for posting back to let me know.