I included the script and the js file - no change :-/
I am using IOS 7.1.1 on my devices.

screenshots:
http://galerie.duellberg.net/Foto.jpg letter mode ok
http://galerie.duellberg.net/Foto_2.jpg landscape mode not ok
http://galerie.duellberg.net/Foto_1.jpg landscape mode ok after refresh

Hi,

ok i have installed Chrome on my ipad  - and oops, it works! No white border anymore.
Also the 2nd point doesnt appear with Chrome.

Changing expanding modes is not so important for the users I think. But the first problem, which appears only by changing orientation, should be fixed somehow...

I changed the script, but that doesn't fix Safari problems - maybe I made a mistake?

<script type="text/javascript">

            // Function to resize gallery
            function doLayout() {
                var windowHeight = window.innerHeight ? window.innerHeight : $(window).height();
                var headerHeight = $('#header').outerHeight();
                var galleryHeight = parseInt(windowHeight) - parseInt(headerHeight);
                $('#wrap').height(galleryHeight);
            }

            // **ADDED**
            window.onorientationchange = function() {
                doLayout();
            };

            // Function to load selected gallery on demand using baseUrl
            function loadGallery(base) {
                new juicebox({
                    containerId: 'juicebox-container',
                    baseUrl: base
                });
            }

            // Run following code when page is initially loaded
            $(document).ready(function () {

                 // Run function to resize gallery
                doLayout();

                // Ensure function to resize gallery is run when browser window size changes
                $(window).bind('resize', doLayout);

                // Run function to load Gallery #1
                loadGallery('juicebox_abstrakt/');
            });

        </script>

Hi Steven,

I am using your script to embed several galleries in a frame. As far as I remember it was a solution you gave to another user who asked for help with multiple galleries.
This works quite well on all devices, but on iPad or iPhone I notice a white border on the bottom part of the screen after I turn the device to landscape modus.
Also expanding in landscape modus, turning to letter modus and reexpanding results in a smaller gallery.
Refreshing the browser window always will correct this smaller view!

I updated to 1.41 but problems will stay the same. Is there a solution to fix this in my index.htm (containing your script)?
You will find the URL in my profile!



best regards,

Frank