• ps76
  • Member
  • Offline
  • From: Long Beach
  • Registered: 2014-09-08
  • Posts: 11

Topic: Update to 1.4.4. and now keyboard arrow key not working

Hi,

I've just updated to Jukebox v1.4.4 and now the forward arrow key doesn't work on the initial image when the gallery is loaded.

My juicebox gallery is embedded in my website and if I use the old juicebox.js (1.4.3.1) it works on the initial image. Anything I can change in the new juicebox.js (1.4.4.1) to get it working again?


Thanks.

ps76's Website

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

Re: Update to 1.4.4. and now keyboard arrow key not working

Please see this forum post for a possible solution to your problem.
Hopefully it will help.

  • ps76
  • Member
  • Offline
  • From: Long Beach
  • Registered: 2014-09-08
  • Posts: 11

Re: Update to 1.4.4. and now keyboard arrow key not working

Yeah, that's what I found when I was searching for a solution, but unfortunately it doesn't work for me....

ps76's Website

  • ps76
  • Member
  • Offline
  • From: Long Beach
  • Registered: 2014-09-08
  • Posts: 11

Re: Update to 1.4.4. and now keyboard arrow key not working

Tried again with the script from the other post

<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
    var jb = new juicebox({
        containerId: 'juicebox-container',
        galleryWidth: '100%',
        galleryHeight: '100%',
        backgroundColor: 'rgba(223,223,223,1)'
    });
    jb.onInitComplete = function() {
        $('#juicebox-container').find(':first-child').focus();
    };
</script>
<div id="juicebox-container"></div>


Checked the The Web Inspector and I'm getting

Can't find variable jb

Any ideas?

ps76's Website

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

Re: Update to 1.4.4. and now keyboard arrow key not working

With regard to the "Can't find variable jb" message, make sure that you are using:

var jb = new juicebox(

... and not just:

new juicebox({

... in your gallery's embedding code.

Also, try using:

jb.onInitComplete = function() {
    $('#jb-glry-id-0').focus();
};

... instead of:

jb.onInitComplete = function() {
    $('#juicebox-container').find(':first-child').focus();
};
  • ps76
  • Member
  • Offline
  • From: Long Beach
  • Registered: 2014-09-08
  • Posts: 11

Re: Update to 1.4.4. and now keyboard arrow key not working

YES! Sorry, totally missed

var jb =

THANKS!

ps76's Website

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

Re: Update to 1.4.4. and now keyboard arrow key not working

You're welcome!
It sounds like you've got it working now.