Hi Steven,

As I can't read JavaScript, I'm guessing that I put your script under the

<script src="colStonewareBrick/jbcore/juicebox.js"></script>

in the head of the page. This, however just brings back a grey area saying that the config file cannot be found. What do I do?

Thanks for your help.

Seb

Works a treat! Thanks again!

Hi Steven,

Thanks for your quick reply. Can't put a page up yet - but here's the code I'm using:

in the header:

<script src="glass3010/jbcore/juicebox.js"></script>

in the body:

  <div id="juicebox-container"></div>

    <script>

    $(document).ready(function() {
        //load gallery 1
        loadGallery('glass3010/');
        //initialize top buttons
        $("#button-1").on("click", function(){loadGallery('glass3010/');});
        $("#button-2").on("click", function(){loadGallery('glass3010Sets/');});
    });

    function loadGallery(base) {
        new juicebox({
            baseUrl : base,
            containerId : 'juicebox-container',
            backgroundColor : 'fff',
            galleryWidth:'100%',
            galleryHeight:''
        });
    }
    </script>

Further down the body:

 <p><span id="button-1" class="link-button" >Reference</span></p>
 <p><span id="button-2" class="link-button" >Sets</span></p>

Using the Juicebox interface,  I have put a height of 465px in the "glass3010" gallery and a height of 800px in the "glass3010Sets" gallery.

However, the gallery defaults to 800px high on both galleries. I'll try to put a test page up tomorrow, but any ideas in the meantime?

Cheers,

Seb

Hi Steven,

Thanks for the advice - here is the test page: http://www.feltbetter.com/galleryNeedleFeltAnimals.asp

If you narrow the browser - the vertical slide bar encroaches on the page layout when it comes into contact with it. Mouse off the browser window and wait a few seconds and the vertical slide bar disappears. It re-appears when you mouse back over the page - but covers the right part of the page.

I'm using quite few style sheets from P7 so there is probably a conflict. I'm afraid my programing skills are poor so I'm a bit lost!

Any help would be appreciated!

Cheers,

Seb

Hi,

Works a treat!

Thanks. One more problem though.... when the browser is re-sized the text is replaced with original image - and you have to refresh the page to get the JS to fire again and return the text.

(To make the text seen, I had to give ".jb-dt-main-image" class some new rules - color: black; and font: arial;)

Thanks

Seb

Had a look at the SEO content part of JuiceBox Pro - it wasn't what I had in mind though.

Here's the page I'm working on: http://www.artwebstest.co.uk/joshjohn/pagham.asp

I want some text to show in the first slide of the gallery. I've done this by putting a blank image in for slide 1 and overlaying with caption text. There are some problems with this though:

1. When the browser is reduced in size, the caption disappears i.e. it doesn't re-size. Is it possible to edit the CSS media rules anywhere to compensate for this?

2. I've put a .jpg with bitmap text in the second slide - which does work on re-size but isn't as crisp as html text.

Also noticed that the swipe feature (to change images) does not work on IE11, Win8. Is this a known issue?

Cheers,

Seb