1

(8 replies, posted in Juicebox-Lite Support)

tmwellington wrote:

Trying to start with JuiceboxBuilder Lite, five files all jpgs 3000x2000 or less. "Error resizing image the image was too large or invalid"

So far I haven't been able to load a single image.  Running under Win 7.

Thanks for any tips.  So far image gallery programs are really frustrating.

Please check your JuiceboxBuilder Lite version is compatible with your Windows 7 system, update to the latest version if available.
Be confirm from yourself the JPG files are in the correct format and not corrupted. Try opening the images in another viewer or editor to confirm their integrity.
Ensure the JPG images you're attempting to load are within the supported size limit of JuiceboxBuilder Lite doc . Resize larger images to meet the specified requirements. Otherwise you should try manually to compress your image from online application such as jpeg compressor and you have to see how other works and what are doing, is working like that.

[Admin Edit #1: Removed link to old version of Juicebox-Lite from third-party software site. The most recent version of Juicebox-Lite can and should be downloaded from our own website's download page here.]

[Admin Edit #2: All versions of JuiceboxBuilder-Lite are compatible with Windows 7.]

[Admin Edit #3: The supported size limit is not documented in the link given above. The largest file size which JuiceboxBuilder-Lite can handle is 16,777,215 pixels. This approximately equates to a square image of 4095 x 4095.]

lukeleber wrote:

I've noticed that 1.5.1 doesn't have keyboard accessible expand buttons.  Any chance this can be resolved somehow?

you can use the tabindex attribute in HTML to make elements keyboard-focusable.

Look at the javascript example.

<button class="expand-button" tabindex="0" aria-label="Expand">Expand</button>

<script>
  const expandButton = document.querySelector('.expand-button');
  
  expandButton.addEventListener('keydown', function(event) {
    if (event.key === 'Enter' || event.key === ' ') 
    { 
      console.log('Expand functionality triggered.');
    }
  });
</script>