Topic: Embedded gallery into div-container, and no expand button

Hi...

so ive been looking at the faq about this.

And the fact that the expand only shows when the gallery is less than 100% of the browser does not make sense to me...

ive got a gallery at my homepage www.dalby-photography.com

The Index site has a container at the size of :

.thrColFixHdr #mainContent {
    margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
    padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    height: 510px;
    width: 770px;

i open the gallery with the link :

<a href="./gallery/wedding.html" target="main" alt="Bryllup Galleri"><img src="./images/nav_buttons/navbutton_wedding.png" border="0" vspace="15px"></a><p>

the wedding.html contains the following code :

<!--START JUICEBOX EMBED-->
<script src="wedding/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl : 'wedding/',
    containerId : 'juicebox-container',
    galleryWidth : '100%',
    galleryHeight : '100%',
    backgroundColor: '#ffffff',
    screenMode: 'AUTO',
    enableLooping: 'TRUE',
    randomizeImages: 'FALSE',
    useFullscreenExpand: 'TRUE',
    enableKeyboardControls: 'TRUE',
    enableDirectLinks: 'false',
    stagePadding: '25px',
    galleryTitlePosition: 'NONE',
    showPreloader: 'TRUE',
    imageTransitionTime: '0.2',
    showImageOverlay: 'ALLWAYS',
    imageTransitionType: 'fade',
    showLargeThumbs: 'false',
    showOpenButton: 'false',
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

so my problem is this...

when i open the link and the gallery from index.html the gallery does not allow me to exspand to fullscreen. But when i open up wedding.html the expand buttons shows allright...

im loosing my mind here... and its been years since i last coded, so im a little rusty at this point.

Does any of you have an idea to what the problem is ?

Re: Embedded gallery into div-container, and no expand button

The 'Expand' button is not being displayed because your galleries are being embedded in an iframe. The 'Expand' button is automatically disabled in galleries embedded within iframes. This is documented in the Using an iframe section of the Embedding Guide.

Instead of targeting an iframe with individual galleries, try embedding all the galleries on your page using the baseUrl technique (documented here) and switch between the galleries using the Juicebox-Pro API showgallery() method.