Again a question for my website http://www.vr4u.ch
I've created a design with artisteer and loaded it into a joomla environment. Now when I add a juicebox-gallery it works (more or less) fine (see my other post of yesterday).
But when I click on the expand button the picture is not alone: there are severel elements from the header (headline, slogan, and menu bar) on top of the picture.
I add two screenshots:
http://www.vr4u.ch/forumpics/before.jpg
http://www.vr4u.ch/forumpics/after.jpg

As far as I can see the artisteer-theme works excessively with the directive:
  z-index: auto !important;
In my tries I didn't manage to ovelap the menu bar; neither with z-index: 9999 nor with z-index auto !important - but I'm not shure WHERE to place it (I managed easily to get the picture over the expand button, and with that made it impossible to check the expanded mode...)
Any help would appreciated.
Thanks.

Thank you for your answer. Even if it is not quite what I was wishing, I see clearer now.

An addition to my original problem: It seems that the behaviour is not allways crosswise. Sometimes there are the pictures of the second galerie shown in both galeries when expanding. It seems that it is random which element is loaded first (or last).

Hi,
I have a problem it seems I can't solve alone. I have two galeries on the same site in a small shape (about thumbnails) with the expand-button. Each of the buttons works fine and shows the images in greater dimensions as an overlay of the side. But when I have BOTH galeries active the galerie1 shows the pictures of galerie2 in the expanded mode (in the normal mode it works fine) and galerie2 shows the same behaviour with the pictures of galerie1. Additionally the expanded version appears alone on the screen - when only one galerie is present it appears as additional layer on the same site (as I want it) By the way the "expand in new page" option is on false, the "screen mode" is "large".

This is, what I did: I placed the two galeries in a joomla installation (Joomla 2.5.11) both galeries have pictures of the same size, but of different content - one galery shows pictures of a restaurant, the other from seminar rooms.
To avoid confusion I installed the galeries in two folders
slides/left_restaurant   and
slides/left_seminar
In Joomla I added (in two different joomla modules) the following embeding-code:

<!--START JUICEBOX EMBED-->
  <script src="slides/left_restaurant/jbcore/juicebox.js"></script>
<script>
new juicebox({
  baseUrl: "../../../slides/left_restaurant/",
  configUrl: "config1.xml",
containerId : "juicebox-container",
galleryWidth: "276",
galleryHeight: "247",
backgroundColor: "rgba(235,242,248,0.5)"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->


and

<!--START JUICEBOX EMBED-->
  <script src="slides/left_seminar/jbcore/juicebox.js"></script>
<script>
new juicebox({
  baseUrl: "../../../slides/left_seminar/",
  configUrl: "config2.xml",
containerId : "left_sem",
galleryWidth: "276px",
galleryHeight: "257px",
backgroundColor: "rgba(235,242,248,1)"
});
</script>
<div id="left_sem"></div>
<!--END JUICEBOX EMBED-->

As you can see I used the baseUrl option to distinguish the two galeries, in the second galerie I renamed the juicebox-element from "juicebox-container" to "left_sem" and the "config.xml" to "config1.xml" respectively "config2.xml"
The code from the builder I left untouched with the exception of renaming the config.xml file.
The construction area can be viewed at the moment at http://www.vr4u.ch  (later it will be http://www.continental-bienne.ch )
I'd appreciate any help.