Topic: Need some advice about a sizing/refresh issue [SOLVED]
Hi, Juicebox is a great product, thank you! but I am having one issue at the moment. I have a slideshow which I would like to exhibit smooth and sensible sizing and proportioning as the user might arbitrarily size his browser window. Setting GalleryWidth and GalleryHeight to 100% works nicely for this purpose. Sadly it has a fatal flaw. When the page initially displays, the text and pictures following the slideshow on the page, briefly and very distractingly flash up on the screen, then Juicebox refreshes its display area and poof! The pictures appear where they belong and everything looks beautiful. But that flash is an embarassing and unacceptable issue. So I enclosed the gallery in a DIV and made the height of the div a fixed constant and that worked, yay. Now the only problem is that the best fixed constant is different depending on the size of the screen, so I decided to put in a bunch of @media clauses into my CSS that would set the constant to various different values depending on screen width. This SHOULD have worked... but no. It almost worked. The problem is that while my @media statements worked perfectly, JuiceBox was unaware that its viewport area had change size and it did not refresh the display, resulting in the bottom of the gallery pictures getting cut off as you shrink the overall window width. Hitting F5 solves the problem and JB displays the gallery perfectly in the height assigned.
So yeah, my question is this: How can I encourage/command/beat into submission JuiceBox so it will update its display when the user is sizing the browser window and the gallery height changes thanks to an @media clause being invoked?
Thanks for any advice some out there might have for this situation....
Richard