1

(6 replies, posted in Juicebox-Pro Support)

When I try to add a jpg image file that's 5952x4800 pixels, I get a "Resize Error" message:

Error resizing image: 'abc.jpg'. Possibly the image was too large or invalid. Images must be smaller than 4095 x 4095 pixels.

That's odd, as I have often processed images that are well over 4095px, at least in one dimension.  What's the size limit?  Is there a workaround, or do I need to resize images before I bring them into JB?

Thanks,
Patrick

Steven:

Thanks very much -- this is very helpful.

I'll probably stick with the approach of writing a script to read the .BridgeSort file and use the image order there to reorder the image lists in the config.xml file and the <noscript> section of index.html.  That will allow me to keep the resizing option and to use custom sorts and preserve them if I redo a gallery.

Just out of curiosity, does the sort.php approach slow things up noticeable for big galleries of (say, 100+) images? 

-Patrick

3

(496 replies, posted in Juicebox-Pro Support)

Would be great to be able to sort photos by capture (original file creation) date.

Thanks,
Patrick

Bill and Steven:

Thanks for the replies.  Bill, those are good suggestions.  Lightroom and other software will also rename files, and I do that, but I don't use a convention that would allow me to sort by file creation date.  The approach I use has worked for me for years (in part because other software allows me to sort by file creation date), so I'll probably stick with my old file naming method.  But I appreciate the suggestion.

I'll probably just write a perl script or something to read my .BridgeSort file and use that to reorder the image listing in the config.xml file. 

Steven, the ability to sort by file creation (capture) date seems like an obvious feature to add.

-Patrick

Are there any additional sorting options for images in galleries, other than by file name and file modification date?  For example, is there a way to sort by file creation (image capture) date, which would be useful in sorting images from more than one camera?  Or a way to sort using the sort order from another app, like Adobe Bridge (which creates an xml file showing sort order, ".BridgeSort")?

I often update a gallery after making changes to images and IPTC captions, but resorting a lot of photos manually is tedious.  Of course, I could just open up the existing gallery and make changes there, but I want to make the changes in the original directory where the photos reside, not in the JB gallery files, which have downsized/compressed images.  Also, I could manually replace images and thumbnails and revise the config.xml and index.html files, but that's impractical for large galleries.

Any suggestions?
Thanks!
Patrick

6

(4 replies, posted in Juicebox-Pro Support)

After a bit of looking around, I came up with this short list (and some examples of font sizes):

            /* font for gallery title in small-screen mode (above thumbnails) */
            .jb-idx-title .jb-idx-ssm-title-wrapper {font-size: 18px !important;}  
            
            /* font for page numbers in small-screen mode (typically below thumbnails) */
            .jb-idx-thb-list-page-number {font-size: 13px !important;}  
            
            /* font for image title in caption */
            .jb-caption .jb-caption-title {font-size: 13px !important;}  
            
            /* font for caption text */
            .jb-caption p {font-size: 10px !important;}  
            
            /* font for image numbers in caption */
            .jb-cap-frame .jbac-number {font-size: 13px !important;}  

-Patrick

7

(4 replies, posted in Juicebox-Pro Support)

Just to be clear, I'd like to be able to change font *sizes*, not just font faces. 

Maybe it's a bit clunky to do this via CSS, but if there's no other way, I'm happy to do it that way.  But I thought you might be able to save me some time and avoid going through the 1000 lines of CSS code in theme.css...

The tips that I'm referring to are not from prior to v.1.3.0 days; the tips were posted last month:

http://juicebox.net/forum/viewtopic.php?id=1347

-Patrick

8

(4 replies, posted in Juicebox-Pro Support)

I've seen some helpful tips on how to use CSS to change fonts for captions, for image titles, and for gallery titles in large-screen mode.  Can you provide a more complete listing of such possibilities?  The two elements for which I'd like to change fonts are:

1. Gallery titles in small-screen mode
2. Image numbers

Thanks,
Patrick

Hi Sandra:

FWIW, I can see your captions on Firefox, Safari, and Chrome on a Macbook, but I cannot see them using Safari on my iPad.

BTW, your site loads rather slowly.  Doesn't look like it's a large-file problem -- maybe a slow server?

-Patrick

Steven:

Thanks.  I did finally manage to get what I was looking for.  Here’s the page:

http://www.imagetree.org/family_friends/family/test9/

The three primary things I did to get the result I was looking for were:

1. Include this line in the juicebox call:

galleryHeight: '93%',

My guess is that this clunky “solution” may be of limited usefulness for others.  However, because I display the same banner on most of my pages, it seems to work for me.

2. Drop the code that is supposed to dynamically reset the page size, that is

function doLayout()
        var winHeight, headerHeight, footerHeight;
        winHeight = window.innerHeight ? window.innerHeight : $(window).height();
etc., etc.

It never worked for me.

3. Turn off the splash page (set “showSplashPage” to “NEVER”).  The splash page was coming up automatically when I reset the gallery height.  (I’m not a fan of the splash page.)

In response to your message, I should clarify that I strongly prefer the "SMALL" screenMode, so this suggestion was not an option for me:

Change screenMode="SMALL" to screenMode="AUTO" and you should see the regular gallery display instead of the Splash Page.

Thanks again for your help,
Patrick

Steven:

Thanks very much.  I tried using the code that you suggested, but it doesn't work.  It's here:

http://www.imagetree.org/family_friends/family/test4/

(It opens to a clunky-looking no-script version of the page, and my banner is missing.)

At your suggestion, I checked the index page for errors at the W3C Markup Validation Service, and I also checked the CSS code using their service.  Some of the attributes for my banner were obsolete, so I deleted them.  That leaves me with clean HTML5 code with a very simple banner at the top of the page, see:

http://www.imagetree.org/family_friends/family/test6/

But it still doesn't work.  The image files names, file count, and captions (for those photos that have captions) are missing from most images. 

[In response to one of your points, I should clarify that when I mentioned "captions" in my previous messages, I meant all of the info -- filenames, image count, and captions -- that should appear below each photo.  Many of my photos do not have captions, but filenames and image counts should appear for all of the pix.]

What I'm trying to do seems very straightforward: embed JB code into a simple HTML5 page with a bare-bones banner.  I even tried rebuilding everything with the JuiceboxBuilder app, but that didn't work either.  At this point, I'm beginning to wonder about the functionality of embedded Juicebox code.  Am I missing something?

Again, I'd be grateful for any suggestions!

Thanks again,
Patrick

Hi Steven:
Thanks again for the follow-up.  Again, I tried what you suggested.  I put the code that loads the juicebox.js script

    <script src="jbcore/juicebox.js"></script>

at the top of the page.  But I found that this code needs to come after the script that creates the function "doLayout"--otherwise, the page does not load properly. 

Some good news and bad:

Good news:  This code does seem to resize the JB section of the pages properly.

Bad news:  My banner and the captions seem to load intermittently, depending on the browser used:
- IE11 only shows the banner on the thumbs pages.  On the full-size image pages, the banner is missing, but the captions are displayed.
- Safari 7.0.1 at first fails to load the banner, but it does load the photo captions.  However, if I navigate to the thumbs and then back to the full-size images, Safari displays the banner but does not show the captions.
- Firefox 27.0.1 always shows the banner, but it only displays captions for a few images.  For most of the photos, the captions are missing, and I cannot figure out what the pattern is (when captions appear and when they don't).

I tried many permutations, and I'd be happy to create new versions if you'd like to see what different tweaks produce. 

Again, I'd be grateful for any suggestions!

Thanks again,
Patrick

Hi Steven:
Thanks very much for the incredibly quick response.  Your team is amazing. 

I tried what you suggested.  With

#header { height: 40px; }

the banner displayed properly, but -- unfortunately -- the captions still don't show. 

Perhaps predictably, if I set

#header { height: 1px; }

the header gets squeezed out and the captions do show. 

Any thoughts?  Should I try to resize another element on the page?  Or reformat my banner, getting rid of the obsolete attributes and using CSS instead?

Thanks again,
Patrick

Hello:
I've been struggling with a very simple site that uses embedded JB scripts to display photos on pages that each include an html banner.  Depending on the browser and how a page is accessed, something always gets cut off in the full-size image pages:  either the top of the page, which includes the banner, or the bottom, which includes the filenames and captions. 

See:  http://www.imagetree.org/family_friends … index.html

I tried a couple things, like resizing the JB gallery to something under 100% (that didn't work--for some reason, it causes the "no-script" version of the gallery to come up). 

I also followed the instructions under the Juicebox Embedding Guide and added code described under "Using a Resizable Gallery with a Header."   My page includes the javascript "function doLayout()".  But I was not able to resolve the problem. 

Any help or suggestions would be much appreciated!

Thanks!
Patrick