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

Topic: NEXT arrow (->) not working son first photo of slideshow

The NEXT arrow on my keyboard (Apple) does not work on the first photograph upon opening a slideshow. It works fine from slide 2 and on. TIA

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

Re: NEXT arrow (->) not working son first photo of slideshow

This is most likely due to the gallery not having focus on the web page until you click somewhere within it.
After loading the web page, try clicking a blank area in the gallery before clicking the navigation button.

If this works and you want to give the gallery focus as soon as your web page loads, then try using the following as your gallery's embedding code (changing the background color and gallery dimensions as necessary).

<script src="jbcore/juicebox.js"></script>
<script>
    var jb = new juicebox({
        backgroundColor: "#222222",
        containerId: "juicebox-container",
        galleryHeight: "400",
        galleryWidth: "100%"
    });
    jb.onInitComplete = function() {
        $('.juicebox-gallery').first().trigger('focus');
    };
</script>
<div id="juicebox-container"></div>

(onInitComplete is a Juicebox-Pro API event which is documented here.)