Your gallery forces Small Screen Mode (designed for small screen mobile devices) to be used on all devices and in al browsers (by setting screenMode="SMALL"). In Small Screen Mode, if 'small' images are available, they will be used in the main gallery display (after selecting a thumbnail).

A Multi-Size Image gallery works best when screenMode="AUTO" and Juicebox can choose between screen modes (which has a bearing on which image size is used).

There is no real problem with setting screenMode="SMALL" but, knowing that Juicebox will use 'small' images for the main gallery display (if the 'Small Images' checkbox has been selected), just make sure that your 'small' images are quite large. There is nothing stopping you from changing the resolution and quality of the 'small' images to whatever you like (within the working parameters of JuiceboxBuilder).

Also, knowing that your Juicebox gallery will always be displayed in Small Screen Mode and that Juicebox will not be using the multiple image sizes as diversely as it would if screenMode="AUTO", you might like to just have one set of images for your gallery (the 'medium' images) and not worry about generating 'small' and 'large' images'. Just make sure that your 'medium' images (which will be used for everything except the thumbnails) have a good balance between resolution/quality and filesize.

If you choose to not resize your images (by deselecting the 'Resize Images' checkbox), then JuiceboxBuilder will simply copy your source images across to the gallery's 'images' folder.
Your original 4640px x 3472px images will undoubtedly look better then resized 1024 x 768px images but, when online, they will take much longer to load (as they will have a much larger filesize).
Getting your images to be the right size is a bit of a balancing act and a compromise needs to be reached between the image filesize (so that it is not too large for web gallery use) and quality.
Try resizing your images but with a higher resolution and a quality greater than 80%. A bit of trial and error might be required to reach a resolution/quality/filesize that you are happy with.

Incidentally, resized images do not retain any metadata (EXIF or IPTC) so if you want your gallery images to retain their original metadata, you'll need to resize them in an imaging program such as Adobe Photoshop or GIMP (a program that is capable of retaining metadata whilst resizing) and then feed the images to JuiceboxBuilder-Pro with the 'Resize Images' checkbox deselected (to ensure that the images are not resized again).

That is correct. A watermark embedded into a large image which is then dynamically scaled down to fit within the gallery's image area will look smaller than the same watermark embedded into a smaller image which does not need to be dynamically scaled down.

You're welcome!

I'm glad you've found the solution to your problem. Thank you for letting me know.
For other users reading this thread, the relevant information can be found in this forum post.

Your web page into which your gallery is embedded displays fine in my own browsers and I see no reason why it should not have also displayed fine on the iMac you had access to.
Perhaps there was a temporary glitch with your web server or the problem was a browser caching issue.
If you see problems in any browsers going forward, please let me know and I'll investigate further.

The ' character is noted as being a reserved character in a URI in section 2.2 of this document (in the sub-delims list).
This is unlikely to be the reason that JuiceboxBuilder does not accept images with ' characters in their filenames but if you were to use only unreserved characters in your image filenames, then there would be no problems in JuiceboxBuilder or on a web server.

I only mentioned the image filenames originally because I've seen problems with spaces in image filenames on web servers before. However, if everything is working well for you, then that is ultimately all that matters.

When saving a gallery in JuiceboxBuilder-Pro, the gallery will be saved to the location specified in the 'Gallery Folder' input field on the 'Publish' tab. You can check this location (or change it via the 'Browse...' button) before clicking 'Save'.

Thank you for providing your gallery's 'config.xml' file.

WordPad is a word processor (a rich text editor) which can add hidden formatting to text files (for example to specify styling such as color, font and size) which could potentially break the syntax of an XML file. I'd recommend editing XML files in a plain text editor specifically designed for code (such as Notepad++).
Having said that, your 'config.xml' file does not have any hidden formatting and does not have any syntax issues.

However, I notice that your image titles and captions are outside your CDATA tags (your CDATA tags are empty and are closed before the custom text begins). I think that this might be what is causing your problem.
For example:

<caption><![CDATA[]]>Joe Bloggs FRPS - <i>PSA Gold Medal</i></caption>

... should be:

<caption><![CDATA[Joe Bloggs FRPS - <i>PSA Gold Medal</i>]]></caption>

There's certainly nothing wrong with editing a gallery's 'config.xml' file manually but it's much safer to modify a gallery in JuiceboxBuilder-Lite and allow the program to deal with all the required tags.
Make sure that all your custom text (including all HTML formatting) is included within the opening <![CDATA[ and closing ]]> tags in each of your <title> and <caption> entries. This should hopefully solve your problem.

Incidentally, I also notice that your image filenames have spaces in them.
As an image filename forms part of a URL when uploaded to a web server, it would be wise to use only web-safe characters within image filenames. Please see section 2.3 of this document for details.

I hope my notes above help to solve your problem.
However, if you continue to experience difficulties, then, if possible, please provide the entire gallery so that I can try opening it in JuiceboxBuilder-Lite myself (and I'll let you know what happens).
Just zip the gallery (it contains only 3 images so it should not be too large), upload it somewhere and provide a link.
Once I'm able to see the entire gallery, I should hopefully be able to determine the exact cause of your problem.
Thank you.

I'm not sure what might be causing this. As far as I can recall, I've never encountered this problem myself.
Maybe something is invisibly obscuring the buttons, preventing them from being clicked (perhaps due to a specific combination of configuration options).
If possible, please zip one of the galleries which demonstrates this problem, upload it somewhere and provide a link so that I can try to replicate the problem myself and hopefully help further.
Otherwise, please post the configuration options that you gallery uses so that I can at least try to replicate the problem with your gallery's configuration options (if not the gallery itself).
Also, if you have any security software installed, try temporarily disabling it (or make an exception for JuiceboxBuilder-Lite) in case the security software is somehow interfering with the functionality of JuiceboxBuilder-Lite. (It's a long shot but, in the absence of knowing exactly what is causing your problem, I wouldn't rule anything out until trying it first.)

There should be no need to look inside the C:\Users\Username\Documents\JuiceboxBuilder-Lite\ folder. This is used internally by JuiceboxBuilder-Lite (to store the gallery files whilst the gallery is being created or edited) but it is not a location that a user should be copying gallery files from. The .tempGallery folder is used for JuiceboxBuilder-Lite's live preview window only.
I would recommend saving each gallery to its own unique folder (to avoid any confusion as to where each gallery's files are stored). If you leave the galleries in their individual folders, you can upload the complete gallery folders (rather than just the contents) to your web server and embed the galleries using the baseUrl method documented here.

No. Every gallery folder will contain an 'images' folder where the gallery images are stored. When JuiceboxBuilder-Lite creates a gallery, the resulting gallery folder is always self-contained (and, with the image paths in the 'config.xml' file being relative to the 'index.html' page, the gallery can be moved around without breaking the gallery).
It is not possible to instruct JuiceboxBuilder-Lite to use images in a different location although you could manually change your gallery's folder structure after you have created a gallery by editing your gallery's 'config.xml' file in a plain text editor (to point the imageURL entries towards images in whatever location you like).

This can be achieved with Juicebox-Pro but, unfortunately, not with Juicebox-Lite, the free version.
With Juicebox-Pro, you can set inactivityTimeout to 0 (to disable the overlay autohide) or showImageOverlay to ALWAYS (to always show the image overlay).
Alternatively, you can change the captionPosition to a non-overlay value (BELOW_IMAGE, BOTTOM or BELOW_THUMBS) where the captions will remain visible when the overlay fades out.
For reference, a complete list of configuration options (with short descriptions for each one) can be found here.

You can use HTML formatting within captions (as noted in this FAQ) in both Juicebox-Lite and Juicebox-Pro.
For example, this caption:

<caption><![CDATA[<i>This text is in italics.</i> This text is not in italics.]]></caption>

.. will be displayed as:

If you have edited your gallery's 'config.xml' file but do not see the changes, then try clearing your browser's cache before reloading your gallery's web page to ensure that your browser is not still using an older, cached version of the XML file.

If a gallery is embedded in a web page (alongside other content), then the gallery can be expanded (to fill the browser window) by clicking the 'Expand Button' on the gallery's Button Bar. Once the gallery has been expanded, visitors can navigate through your images (in the full-browser gallery) and then return to the embedding page by clicking the 'Close Gallery' button on the gallery's Button Bar.
Check out (and try expanding) this demo gallery which is embedded on a web page containing both a hear and footer.

Try:

<a href="/HurlList/" style="color: #ffff00; text-decoration: none;">Return to lots more Hurlingham Memories</a> | <span style="color: #33b4ca; ">© Tony Gamble</span><br /><br /><span style="color: #33b4ca; font-size: 48px;">Art Group Reception.</span>

At the moment, when I view your gallery on my iPod Touch, the display is less than optimal. The Gallery Title overlaps the thumbnails quite significantly and, with the size you have chosen for your thumbnails, only one thumbnail is displayed per page.
Please remember that Small Screen Mode was designed specifically with small screen devices in mind (and you are using it for both small and large screen devices).
Default settings may provide a more aesthetically pleasing display but I realise that the default settings do not provide the layout that you are hoping to achieve.
Hopefully you will be able to reach a compromise though (maybe by reducing the amount of Gallery Title text and reducing the thumbnail size or by using a page template with a header and/or footer to accommodate extra content).

The drop-shadow on the text is controlled by the textShadowColor configuration option (in JuiceboxBuilder-Pro's 'Customize -> Color' section), regardless of the font family being used. If you wanted to (just to let you know), you could remove the drop-shadow by setting textShadowColor="rgba(0,0,0,0)".

Not yet. Just set galleryFontFace="Times New Roman" (in JuiceboxBuilder-Pro's 'Customize -> General' section) or, to set the font family for just the Gallery Title, you could use:

<p style="font-family: Times New Roman;"><a href="/HurlList/" style="color: #ffff00; text-decoration: none;">Return to lots more Hurlingham Memories</a> | <span style="color: #33b4ca;">© Tony Gamble</span><br /><br /><span style="color: #33b4ca; font-size: 48px;">Art Group Reception.</span></p>

It sounds like you are referring to an image to be used as a Watermark. If so, then the image should ideally be a PNG image with a transparent background (as noted in the Adding Watermarks support section.
I can't really recommend a size for your watermark image. It's really a personal choice and depends on the resolution of your gallery images (the resized images for the gallery, not the source images) and how much coverage you want for your watermark.
If you want your watermark to span the entire width of of your gallery images, then make your watermark image the same width as your resize width. Otherwise, make it a little smaller. You should be able to find a suitable size with a little trial and error.

You're welcome!

I'm glad you're making good progress!

A web design package would be of little use to tweak a gallery as pretty much all the gallery's code is generated dynamically (at the time the gallery is displayed) from within the 'juicebox.js' JavaScript file (which is packed and obfuscated and cannot be modified).
However, a web design package may be useful if you want to embed a gallery into a web page alongside other content (for example, if you have more content to display than can easily be included within the gallery itself).

You can add HTML line breaks (<br />) to separate a Gallery Title into different lines.
For example:

Line #1<br />Line #2

There is a galleryTitleHAlign configuration option (which can be set to 'CENTER' to horizontally center the Gallery Title) but this is a Large Screen Mode only which is not supported in Small Screen Mode.
In Small Screen Mode, the Gallery Title is always left-justified above the top-left thumbnail.
In order to change this, you'd need override Juicebox's own positioning of the Gallery Title (by applying custom CSS rules to one of Juicebox's internal CSS classes). This is not something that I'd recommend or something that is officially supported.

You can set a font family for all text within a gallery via the galleryFontFace configuration option (in JuiceboxBuilder-Pro's 'Customize -> General' section). Please see the short description for this option in the 'General' section here.
Please note, however, that if you specify a font, it will be displayed only if the user's computer has the font installed.
Therefore, it might be wise to use a font that everyone will have available to them, such as Times New Roman (at least as a fallback). Otherwise, you could use a web font. Please see the Using Custom Fonts support section for details.

You can set a color and font size using inline CSS in your Gallery Title (the same way we changed the text color to yellow in the post above).
Try something like the following. (You can tweak it if you like.)

<a href="/HurlList/" style="color: #ffff00; text-decoration: none;">Return to lots more Hurlingham Memories</a><br /><br /><span style="color: #33b4ca; font-size: 48px;">Art Group Reception.</span>

The 'text-decoration: none;' entry removes the underline from the link (like in your original page) and the two line breaks just give the text a little more room to breathe.

I don't think there's really any way to do this other than to copy and paste your 'template' Gallery Title and then just change the text within it manually to suit the particular gallery.

You can certainly add a third line to your Gallery Title if you like but the more you add to the Gallery Title, the more likely it is to overlap your images on a small screen. Juicebox was designed with the Gallery Title to be just a short, single line of text (and only enough space is reserved in the gallery for a single line of text). Juicebox itself will have no knowledge that your Gallery Title contains several lines of text (and in a larger font size).
If you want to include multiple lines of text and other content such as a copyright notice, then I would recommend displaying such information on the gallery's web page (but not inside the gallery itself).
Please take a look at the Using a Resizable Gallery with a Header support section.
There is an online example which features a heater and a footer and the Juicebox gallery takes up the remainder of the space (no matter what size the user's browser window is).
You could perhaps adapt this to suit your own needs (placing "Return to lots more Hurlingham Memories" and "Art Group Reception." in the header and your copyright notice in the footer).
You can view the source of the example in your browser and copy/modify the code as required.
I'd recommend just using a regular plain text editor (like Notepad++) to modify the code. A web design package might complicate (and possibly break) things by adding its own code.

That is correct. All thumbnails within a Juicebox gallery are the same shape and size as each other (determined by the thumbWidth and thumbHeight configuration options). When you create a gallery with JuiceboxBuilder, you can set the thumbnail dimensions on the 'Images' tab (click the 'Change Sizes..' button). JuiceboxBuilder will then generate thumbnails at the specified dimensions and automatically set the thumbWidth and thumbHeight options in the gallery's 'config.xml' file accordingly.

If you really don't want to have to worry about any manual coding but want  to display more information than a Juicebox gallery can handle, then you might be interested in another of our products, namely Showkase.

Showkase is a PHP web application (installed on your web server instead of your computer) which allows you to create a complete portfolio web site (integrating multiple galleries) online. Each Showkase web page features a header (or side menu, depending on the theme used) and footer.
Showkase has full support for Juicebox-Pro and the galleries can be created within the application itself in a web browser interface (or created with JuiceboxBuilder or the Juicebox plugin for Lightroom and imported).

You can create Gallery Index pages and have as many galleries listed on each Gallery Index page as you wish.
Each gallery is represented by a thumbnail image with the gallery title displayed below and the gallery is opened when the user clicks on the image.
Demo sites created with Showkase can be found here and a sample Gallery Index page can be found here.

Showkase can also create non-gallery pages (About, Basic and Contact pages) where you can add information about yourself (or any other content you like).
All of this is done automatically within the Showkase interface without the need for any manual coding at all.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite, the free version) or Showkase-Pro (which comes with Juicebox-Pro).
The only difference between Showkase-Standard and Showkase-Pro is the bundled viewer (Juicebox-Lite vs Juicebox-Pro).
As you already have Juicebox-Pro, you could purchase Showkase-Standard and integrate your Juicebox-Pro files following the Installing a Pro Viewer instructions.

More information on the differences between Juicebox and Showkase can be found in this forum post.

I hope my notes above help to clarify things.

You're welcome!

It is not possible to open an existing gallery in Lightroom so you'd have to recreate the gallery from scratch.
However, this is not as difficult or time consuming as it might sound.
You can save a gallery's images as a Lightroom 'Collection' and you can save a gallery's configuration options as a Lightroom 'Template', like a 'Preset' in JuiceboxBuilder (please see this forum post for details for details).
With this in mind, you can quickly open a 'Collection' of images, apply a 'Template' and then just edit the gallery as required (for example to add or remove images) before exporting it to your hard drive.

In case you are interested, there is actually a Juicebox skin available for jAlbum which allows you to create a multi-gallery website. You can use a complete folder structure as the album's input and the skin will create a Juicebox gallery for each and every folder within the structure and link all the galleries together via a navigation tree in a side menu.
The Juicebox skin for jAlbum can be found here (and comes bundled with Juicebox-Lite, the free version).

With Juicebox-Pro, you can create as many individual galleries as you like. However, if you would like to link them all together (with a navigation menu), then you would need to do so manually following the examples in the Embedding Multiple Galleries support section (or by using the Juicebox skin for jAlbum).

If you are looking for an automated solution to creating and listing multiple galleries, then you might be interested in another one of our products, namely Showkase.

Showkase is a PHP web application (installed on your web server instead of your computer) which allows you to create a complete portfolio web site (integrating multiple galleries) online.
Showkase has full support for Juicebox-Pro and the galleries can be created within the application itself in a web browser interface (or created with JuiceboxBuilder or the Juicebox plugin for Lightroom and imported).

You can create Gallery Index pages and have as many galleries listed on each Gallery Index page as you wish.
Each gallery is represented by a thumbnail image with the gallery title displayed below and the gallery is opened when the user clicks on the image.
Demo sites created with Showkase can be found here and a sample Gallery Index page can be found here.

Showkase can also create non-gallery pages (About, Basic and Contact pages) where you can add information about yourself (or any other content you like).
All of this is done automatically within the Showkase interface without the need for any manual coding at all.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite, the free version) or Showkase-Pro (which comes with Juicebox-Pro).
The only difference between Showkase-Standard and Showkase-Pro is the bundled viewer (Juicebox-Lite vs Juicebox-Pro).

More information on the differences between Juicebox and Showkase can be found in this forum post.

I hope this helps.