1

(7 replies, posted in Juicebox-Pro Support)

Sorry to bother you once more Steven, but I am having trouble viewing this page http://www.rdagreatsouthern.com.au/new_site/index.html with some ie on some computers. It works on this one but a couple of friends have said they cant see the page, I have this page with its own template now to support the juicebox, I was wondering if you could see what could be causing this. All other pages are fine in all browsers. Cheers Kelly

2

(7 replies, posted in Juicebox-Pro Support)

Hi Steven, You rock, thanks ever so much. I ended up with 2.95:1 and it works beautifully. Have a great weekend, I will now :). http://www.rdagreatsouthern.com.au/new_site/index.html

3

(7 replies, posted in Juicebox-Pro Support)

Thank Steven, I have taken your advise and changed the index (splash.html) file but to no avail. I have it like so <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <style type="text/css">
            body {
                margin: 0px;
            }
            body, html {
                height: 100%;
                width: 100%;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            function doLayout() {
                var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
                var galleryWidth = parseInt(windowWidth * 1);
                var galleryHeight = parseInt(galleryWidth / 2);
                $('#wrap').width(galleryWidth);
                $('#wrap').height(galleryHeight);
            }
            $(document).ready(function () {
                doLayout();
                $(window).on('resize', doLayout);
                new juicebox({
                    containerId: 'juicebox-container'
                });
            });       
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="wrap">

But there is still lots of room beneath the banner. I need there to be no white space, like it is with the width. I have tried a range of number configurations for the  var galleryHeight = parseInt(galleryWidth / 2); but still the white space with virtually no change. Is there any thing else you can think of that might help? Your help is greatly appreciated.

Cheers Kelly

I have made a banner which you can view at http://www.rdagreatsouthern.com.au/new_site/index.html and no matter what I do I can not loose the white space that appears below the gallery. I can't have the gallery a specific size as I want it to expand with the rest of the site. I have tried reducing the height % but then the width starts to shrink on expansion. Can some one help me? Also I posted recently about the gallery swiping on an ipad, is there some tweeking to the code that would prevent the sliding kicking in as I just want it to fade not be user interactive? Thanks, Kelly

I have the Juice Box Pro version, I have created galleries and banners with this version using the cross_fade as the image transition type, this works fine in all browsers except on ipads and iphones where instead of the cross_fade it slides the image. Is there a way I can rectify this?