Topic: Gallery doesn't scale with browser zoom

The galleries in a site I'm working on do not scale when the browser's zoom is increased, rather they stay the same size, occupying a smaller proportion of the page.

I've read through some threads on the forums, and from what I can tell, SimpleViewer doesn't allow for this. However, this has come up at a very late stage in this project, and is currently a dealbreaker for my client.

Can anyone help with any of the following possible solutions:

1. Somehow override the Flash setting that prevents scaling, in the embed code?

2. Suggest an alternative product that will allow me to create galleries as in http://cabanga.kreativation.co.za that do allow for browser zoom?

3. Is there any way for someone from SimpleViewer to adapt the plugin's source to accommodate this? I know this is probably way off anything you offer, but given how advanced this project is, I'd be happy to pay for the development work to modify SimpleViewer, rather than starting this entire exercise from scratch. If this is in any way an option, let's talk, please!

Thanks!

Re: Gallery doesn't scale with browser zoom

A SimpleViewer gallery will scale dynamically with the size of the browser's window as long as the gallery's dimensions (and those of all parent containers) are expressed in percentages rather than fixed pixel values.
Take a look at the sample gallery here and try resizing your browser window: http://simpleviewer.net/simpleviewer/examples/modern/
Please note that a gallery will not scale dynamically if a Fixed Layout is used: http://simpleviewer.net/simpleviewer/pr … html#fixed

Your embedding code currently uses the following line:

simpleviewer.load("flashContent1", "560px", "315px", "transparent", true, flashvars1);

... so the gallery will always be displayed at 560px x 315px regardless of the size of the browser window.
Try using 100% x 100% so that the gallery fills the parent container.

Steven Speirs
SimpleViewer Support Team.

Re: Gallery doesn't scale with browser zoom

Thanks, Steven

I already spent some time playing with the percentage values, without success. I set the parent container (div.gallery-slider) to 560 x 315px, and the gallery to 100%. However, the gallery then expanded to fill the entire page's wrapping div.

as long as the gallery's dimensions (and those of all parent containers) are expressed in percentages rather than fixed pixel values

Does this mean the parent container (div.gallery-slider) must also be expressed in percentages? Would it then work to nest that into a div with pixel dimensions, to constrain the scaling?

Re: Gallery doesn't scale with browser zoom

I've just had a look at the sample gallery you posted. It scales with the browser window, but if I increase the browser's zoom, (Cmd-+), the gallery doesn't scale. That's what I'm looking for.

Will the above solution, using percentages, overcome this?

Re: Gallery doesn't scale with browser zoom

Does this mean the parent container (div.gallery-slider) must also be expressed in percentages?

Yes. If the parent container is, say 500px x 500px and the gallery's dimensions are 100% x 100%, then the gallery will fill the parent container but the parent container will always be displayed at 500px x 500px and, thus, the gallery will not dynamically resize.

It scales with the browser window, but if I increase the browser's zoom, (Cmd-+), the gallery doesn't scale.

Have a look at the following two pages. They both deal with scaling a Flash Movie in response to text size changes in the browser.
http://aralbalkan.com/745
http://niquimerret.com/?p=32

Will the above solution, using percentages, overcome this?

No. You would need to implement one of the above JavaScript solutions (see links) in order for the SWF to scale with the browser's zoom. However, this would involve embedding only the SWF file and your gallery would not benefit from Universal Playback as you would not be using the recommended embedding code.

Steven Speirs
SimpleViewer Support Team.