• Registered: 2016-08-08
  • Posts: 1

Topic: Flickr on very small image won't show

Hi, it's there's an issue while working with small image and juiceBox, I just came across with and I hope I found a solution to this. All image work fine under juiceBox until I add small image.
this is an example (I'm using the pro version therefore I can't create a page with sample) though here the snippet (the following has 2 small image 4 and 5 if you hot the next button/arrows)

<script>
            new juicebox({
                containerId: 'juicebox-container',
                useFlickr:true,
                flickrUserName:'winehook',
                flickrSetId: '72157622836259260',
                flickrShowTitle: true,
                flickrShowDescription: true,
                flickrShowPageLink: true,
                flickrPageLinkText: "Tada!",
                shareFacebook: true,
                shareTwitter: true,
                backgroundColor: "#ffffff",
                galleryWidth:'600',
                galleryHeight:'400',
                showThumbsOnLoad: "false",
                galleryTitle: "M. Shanken Image Gallery",
                showImageOverlay: 'ALWAYS',
                galleryTitlePosition: "NONE"
            });
        </script>
when I load the page this error show:
undefined:1 GET http://mshanken.dev/undefined 404 (Not Found)

When I land to the missing image this shows:
VM28873:1 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined

Can you help, please. Thank you!

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

Re: Flickr on very small image won't show

The default value for the flickrImageSize configuration option is LARGE.
Please see the Flickr Pro Options here.

If there is no LARGE image available, Juicebox will use the next size down (MEDIUM).
However, Juicebox does not display images smaller than MEDIUM and the problem is that your small images do not have a LARGE or MEDIUM size.

You can check which sizes are available for any given image by entering the Photo Id into the flickr.photos.getSizes Flickr API Explorer: https://www.flickr.com/services/api/exp … s.getSizes

For example, your 'DrVinny_100.jpg' image (100px x 100px) has only SQUARE, THUMBNAIL and ORIGINAL sizes (no MEDIUM or LARGE).

You could set either set flickrImageSize to ORIGINAL or ensure that your images have a MEDIUM version (at least 500px on the longest size).