• Registered: 2019-01-09
  • Posts: 4

Topic: Autonav disappears if mouse over embedded Juicebox gallery [SOLVED]

I have a problem with the Header Autonav on pages where I embed with a HTML block a Juicebox gallery.
If I want to select a Autonav menu, which lies over the embedded gallery, the Autonav menu closes. (in the attached screenshot, the menu would close if mouse is over "Bilder 2017")
To me it looks like a z-index issue.

How to fix this issue?

The Juicebox gallery is embedded with following code (as proposed by Juicebox):
<!--START JUICEBOX EMBED-->
<script src="/galleries/bilder2018/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : "/galleries/bilder2018/",
containerId : "juicebox-container",
galleryWidth : "100%",
galleryHeight : "100%",
backgroundColor: "#262626"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Thanks alot and kind regards
Steph

Post's attachments

Bildschirmfoto_2019-01-06_um_22.30.04.png 1.17 mb, file has never been downloaded. 

You don't have the permssions to download the attachments of this post.
  • Registered: 2019-01-09
  • Posts: 4

Re: Autonav disappears if mouse over embedded Juicebox gallery [SOLVED]

BTW i use newest Juicebox 1.5.1

  • Registered: 2012-04-24
  • Posts: 5,904

Re: Autonav disappears if mouse over embedded Juicebox gallery [SOLVED]

The problem is almost certainly a z-index issue.
Juicebox uses z-index values to ensure that certain elements (such as captions and navigation hit areas) are stacked on top of other elements (such as the main images) within the gallery.

To resolve your problem, assign a z-index value of 9999 to your menu system via CSS to ensure that your menu is stacked on top of all gallery elements.

If you have any trouble doing this, then please post a link to your gallery's web page so that I can see the problem for myself (live in your web page rather than just a screenshot) and, with the help of a browser's developer tools, determine which CSS class or id the z-index value should be assigned to.
Thank you.

  • Registered: 2019-01-09
  • Posts: 4

Re: Autonav disappears if mouse over embedded Juicebox gallery [SOLVED]

Thanks Steven for you fast reply.

I'll try to investigate as you mentioned. Since I am not a prof it might take some days till I'd get back to you.

Thanks again for your sound support.

Kind regards and blessings
Steph

  • Registered: 2019-01-09
  • Posts: 4

Re: Autonav disappears if mouse over embedded Juicebox gallery [SOLVED]

hi Steven, I could fix the issue by setting a z-index of 999 in the custom css of the theme.
now it works all fine :-)

  • Registered: 2012-04-24
  • Posts: 5,904

Re: Autonav disappears if mouse over embedded Juicebox gallery [SOLVED]

I'm glad to hear that you've got it working!
Thank you for posting back to let me know.