Your gallery has successfully been embedded in your web page (otherwise the gallery would not display) so the location of your gallery folder on your web server and the embedding code that you use are both fine.
The only problem remaining is the positining of the embedding code within your web page.
At the moment, your gallery's embedding code (inclusing the Juicebox container <div>) has been placed between the <head> and <body> sections of your web page. (There should be nothing between the closing </head> tag and the opening <body> tag. The <script> tags from the embedding code can be placed in the <head> section (if you like) but the Juicebox container <div> must be in the <body> section somewhere (wherever you want the gallery to appear).
Looking at the code on your web page, it looks like your gallery's embedding code should be placed within the following <div> container, either alongside the <span> tag or replacing it. (I can't be sure that this is the correct place for your gallery on your web page but it is the first place I'd try.) You might need to adjust your gallery's dimensions, too. Try a galleryWidth of 100% (so that the gallery spans the entire width of its parent container (and adjust the galleryHeight as necessary).

<div class="xr_strb " style="top: 0px; left: 0px; width: 100%; min-width: 760px; position: absolute;">
 <span class="xr_ar" style=" left: 0px; width: 100%; height: 393px; top: 85px; position: absolute; background:url('index_htm_files/312@2x.jpg') center center no-repeat; background-size: cover;"></span>
</div>

1. once people are done shuffling through all the photos, how do they return to my home page: will clicking on the BACK browser take them to it directly or will they have to shuffle through all the photos in reverse first.

Juicebox-Pro features a Back Button which you can use to link durectly to any web page you link.
Check out the Back Button (the 'home' icon at the top-left) in this demo gallery.
For reference, a list of all Back Button configuration options can be found here.
(Please note that the Back Button is a Pro only option which is not supported by Juicebox-Lite, the free version.)

2. How do i save the current album I just created in Juicebox?

The 'Gallery -> Save' option from the drop down menu at the top will be available (i.e. not greyed-out) only if the gallery currently being developed already exists (i.e. has either already been saved on the 'Publish' tab or has been opened for editing). When clicking 'Gallery -> Save', the existing gallery will be overwritten with new files: an updated 'config.xml' file, a new HTML file (named after the existing HTML file) and revised image and thumbnail folders.
If you are creating a fresh gallery from scratch (and have not yet saved the gallery), then you'll notice that the 'Gallery -> Save' option will be greyed out and you'll need to save the gallery first on the 'Publish' tab.
I recommend that you save each gallery to a new empty folder of its own so that they are all separate from each other and there is no confusion over the location of individual galleries.
If each gallery is self-contained in a folder of its own, then there is no chance that 'index.html' files will overwrite each other (they will all be in different folders) so there is no need to rename (or move or otherwise modify) any gallery files.
Just give each gallery folder a unique name.
When opening an existing gallery in JuiceboxBuilder, the gallery's configuration file must be named 'config.xml' and must be in the root of hte gallery folder. If the 'config.xml; file has been renamed or moved, then the gallery will not be able to be opened by JuiceboxBuilder.

I hope these notes help to clarify things.

1,202

(4 replies, posted in Juicebox-Pro Support)

And there is a clickable link showing "Upgrade to Juicebox-Pro!" on the top right corner of the window.

If the 'Upgrade to Juicebox-Pro!' link is present, then you are running JuiceboxBuilder-Lite. (Also you can check whether you are running Lite or Pro by checking the splash page on running the application. The Splash Page will say either 'Welcome to JuiceboxBuilder-Lite' or 'Welcome to JuiceboxBuilder-Pro'.)

If you are having problems with Lite vs Pro and v1.5.0 vs v1.5.1, I'd recommend uninstalling all versions of JuiceboxBuilder on your system and reinstalling JuiceboxBuilder-Pro v1.5.1 (making sure that you use the installer from within the 'juicebox_pro_1.5.1.zip' file).

Uninstall on Mac: Delete the 'JuiceboxBuilder-Lite' and 'JuiceboxBuilder-Pro' files from the Applications folder and empty the Trash.
Uninstall on Windows: Use the uninstallers in the 'Control Panel -> Programs -> Uninstall a program...' list.

Note:
I've just upgraded Adobe AIR to v29.0 on my Windows 10 PC and both JuiceboxBuilder-Lite v.1.5.1 and JuiceboxBuilder-Pro v1.5.1 run correctly (with the drop-down menu visible at the top).

Please let me know how you get on and if you need any further assistance (and, also, please let me know what operating system you use).

You're welcome!

Unfortunately, there is no easy way to convert a SimpleViewer v1 XML file into the SimpleViewer v2 format (so that the gallery can be converted to Juicebox) but there are many ways to create Juicebox galleries (please see here for details) so I hope you find one that's quick and easy for you.

I'm sorry to hear that you are having difficulties embedding your Juicebox gallery.
Hopefully my notes below will help.

You can certainly name the gallery folder whatever you like (as long as you use web-safe characters: uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde).

The gallery's 'index.html' file is simply a HTML file into which the gallery is embedded with no other content. Therefore, you can use the file to display the gallery on a page of its own. If you plan to embed the gallery into an existing web page alongside other content, then the gallery's 'index.html' file is actually redundant and you can safely delete it if you like.
If you use the regular embedding code (presented on JuiceboxBuilder's 'Publish' tab), then you'll be uploading the contents of the gallery folder to the directory containing the web page with the embedding code. If you already have a file named 'index.html', then you'll need to rename the gallery's 'index.html' file first (otherwise your own 'index.html' file will be overwritten). You can rename the gallery's 'index.html' file to whatever you like. (There are no references to it from any other gallery files.)
If you use the baseUrl method of embedding, then you'll be uploading the entire gallery folder (not just the contents) to your web server and the gallery's 'index.html' file will not clash with any other files named 'index.html' on your web server, although you could still rename the gallery's 'index.html' file if you like (or delete it if you don't need it).

If you uploaded the entire gallery folder to your root directory, then I should be able to view your gallery's 'config.xml' file here: https://www.faithgranger.com/karine_photo1/config.xml
However, going directly to that location in a browser results in an error 404.
Please double-check that your gallery folder is named 'karine_photo1' and that it has been uploaded correctly to your root directory.

If the gallery folder is present in the correct location on your web server, then the embedding code you posted should work fine.
However, when viewing the source code of your 'photos1.htm' page, there seems to be no Juicebox embedding code on the page at all (which is probably the root cause for the gallery not displaying).
Please double-check that the embedding code has been inserted correctly into your web page.

Essentially, your embedding code looks fine (as long as your 'karine_photo1' gallery folder is in the same directory as your 'photos1.htm' page).
Just make sure that your entire 'karine_photo1' gallery folder has been uploaded to your root directory and that the embedding code has been inserted into your 'photos1.htm' page.

If you continue to experience difficulties, then try this as a starting step.
Just upload the complete gallery folder (exactly as created by JuiceboxBuilder without renaming, moving or modifying any files) to your web server and open the gallery's 'index.html' page in your browser. You should see the gallery on a page of its own. (Please post the URL to your gallery's 'index.html' page so that I can be sure of the gallery's location on your web server.) This is the first step in embedding your gallery. After the gallery has successfully been uploaded to your web server, then the next step is to insert the embedding code into your web page.

Please let me know how you get on and if you need any further assistance.

I have done what you told me and I had to set "buttonBarPosition"="OVERLAY" instead of "TOP" because if in "TOP" the "bar icons" didn't hide...

That is true, the autohide functionality hides the overlay elements only (and if buttonBarPosition is set to TOP, then the Button Bar is no longer on the overlay).

... and the image became smaller until the "bar icons" didn't overlay it.

This is because positioning a gallery element TOP will reserve an area above the main images (reducing the amount of space available to display the main image) and the top area and the main image area will never overlap.

I'm glad you are able to configure your gallery with the available configuration options to find a layout which you're happy with (even though it may not be exactly as you would like).

The only thing that is a bit wrong (only a little bit) is that in my smartphone (an old "Samsung Galaxy S4") the bottom line of the white frame of the image is not visible.

If you find that your image frame is not fully visible, then you could try one (or more) of the following:
(1) Try increasing frameWidth="1" to a larger value.
(2) Try adding some imagePadding (maybe just a couple of pixels) to bring the images in a little from the edges of the gallery.
(3) Try adding some stagePadding (again, maybe just a couple of pixels) to bring the entire gallery content in a little from the edges of the stage.
In your browser, it might be that a 1px frame width might not be large enough or else the lower frame edge might just be too close to the browser's toolbar so hopefully the suggestions above will help.

I think you have done a very good job with "Juicebox" and I thank you your support again.

You're welcome!
Thank you for your kind words. We're glad you're getting on well with Juicebox-Pro!

1,206

(4 replies, posted in Juicebox-Pro Support)

When entering Juicebox-Pro configuration options into the Pro Options text area, be sure to enter each option on a line of its own and enclose the value in double-quotes (as noted in Step #4 here), for example:

enableLooping="TRUE"
stagePadding="20"
galleryTitlePosition="TOP"

Also, please note that Lite Options should be set via their own individual input fields in the plugin's interface (and not in the Pro Options text area).

Please post an example of something that you are entering into the Pro Options text area which is not being saved and I'll investigate further.

JuiceboxBuilder can convert only SimpleViewer v2.0 or later galleries. From the code you posted, it looks like your gallery's configuration file might be a SimpleViewer v1.9 (or earlier) gallery.
SimpleViewer v2.0 (released on 10 December 2009) was written from the ground up as a replacement for v1.x and uses a different style of configuration file.
SimpleViewer v2.x no longer uses the imagePath or thumbPath options or <filename> tags, instead opting for an <image> tag with imageURL and thumbURL attributes.
It is very likely that, due to these differences, JuiceboxBuilder cannot find your SimpleViewer gallery's images.

Unfortunately, there's no easy fix for this and it might just be quicker for you to recreate your galleries with JuiceboxBuilder from scratch.

I realise that this may not be the answer you were looking for but I hope that it at least clarifies things for you so that you can move on with your project without persevering with something that just won't work.

The buttonBarPosition configuration option allows you to position the Button Bar in the TOP area but this applies only to Large Screen Mode (there is no TOP area in Small Screen Mode where the Button Bar is always positioned on the overlay).
However, if you force Large Screen Mode to always be used on all devices and in all browsers (by setting screenMode="LARGE"), then the TOP area will still exist when the gallery is displayed on mobile devices and setting buttonBarPosition="TOP" should solve your problem.

No matter whether your gallery is being displayed in Small Screen Mode or Large Screen Mode, if you tap the main image (on a touch-enabled mobile device), the overlay (including the Button Bar and the caption area) will disappear (to leave just the image). Tapping the main image again will make the overlay reappear.
You can check it out in this demo gallery (when viewed on a mobile device): https://juicebox.net/demos/pro/default/

Please note that tapping the main image will not make the overlay disappear (in Small Screen Mode on a mobile device) if either:
(1) You set showInfoButton="TRUE" where tapping the Info Button on the Button Bar will make all of the overlay disappear (except for the Button Bar, which needs to be kept visible at all times so that the user can tap the Info Button again to make the rest of the overlay reappear).
... or:
(2) You set imageClickMode="OPEN_URL" where tapping the main image will open the image (or associated linkURL) in a new page of its own.

Essentially, if you are already setting screenMode="LARGE", then just set buttonBarPosition="TOP" to position the Button Bar in the reserved TOP area (where it will not overlap the main image).
Otherwise, in Touch Input Mode (on mobile devices), tapping the main image will toggle the overlay on and off (with the exceptions I mentioned above).

I hope this helps.

1,209

(3 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad you've got it working.
Thank you for letting me know.

1,210

(5 replies, posted in Juicebox-Pro Support)

Thank you for posting your suggestion in the Feature Requests forum thread.

I hope you get on OK implementing my suggestion to use the Gallery Title as a link (if you decide to do so).
If you encounter any problems, then just let me know and I'll do my best to help you out.

1,211

(4 replies, posted in Juicebox-Pro Support)

I'm glad you've been able to resolve your problem.
Thank you for letting me know.

Incidentally, I've just double-checked that setting imageShadowBlur to 0 and the opacity of imageshadowColor to 0 in the JuiceboxBuilder-Pro interface writes the correct values to the gallery's 'config.xml' file and it seems to work fine.
Maybe your gallery's 'config.xml' file had a temporary lock on it (perhaps if the gallery was open in a browser whilst you were editing it) which prevented JuiceboxBuilder-Pro from writing to the file.

In any case, I'm glad that all is well.

1,212

(5 replies, posted in Juicebox-Pro Support)

Thank you for providing the link to your website. (Great pictures of Egypt, by the way!)

Your gallery is, indeed, a full-browser gallery which does not need to be expanded, so there is no 'Close Gallery' button.

If I understand you correctly this is only possible by modifying the gallery title to use as a back link.

Technically, this is not the only way to to provide a link on the Small Screen Mode thumbnail page but it is by far the easiest method. Another possible method would be to use CSS to overlay a custom link on top of the gallery (which, if you wanted the link to appear only on the thumbnail page, might be quite complex to implement). I'd stick to the Gallery Title method which is easy to implement and clean in operation (with no potential problems to overcome which might be the case if you try to implement a manual solution).

Incidentally, if you like, you could post your suggestion (for the 'Back Button' to be present in the Small Screen Mode thumbnail page) in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
I do not know the likelihood of any suggestions being implemented but this is certainly the best place for all ideas.
Thank you.

1,213

(3 replies, posted in Juicebox-Pro Support)

The only file within the 'jbcore' folder which may change from gallery to gallery is the 'pswd.php' file which contains the password for a gallery (if you choose to password-protect it).
Please see the Password Protection support section for details.

If you do not want to password-protect your galleries (or if you are happy to use the same password for all your galleries), then all your galleries can share a single instance of the entire 'jbcore' folder (rather than having an individual 'jbcore' folder for each gallery).
If you'd like to do this, then please see the Using an External jbcore Folder support section for details.

Essentially, all you need to do is upload a single 'jbcore' folder to somewhere on your web server and make sure that the 'juicebox.js file (from within the 'jbcore' folder) is loaded via a <script> tag on every page which contains a gallery.

1,214

(5 replies, posted in Juicebox-Pro Support)

By default, if a gallery is embedded into an existing web page alongside other content and viewed in Small Screen Mode (on a mobile device), then the Splash Page will initially be displayed and, when tapped/clicked, the gallery will be expanded to show the thumbnail page where the 'Close Gallery' button will be visible in the top right corner.
Here's an example (which you can open in a desktop browser as Small Screen Mode is forced in this demo): https://juicebox.net/demos/pro/embedded … Mode=SMALL
Tap/click the Splash Page and you'll see the 'Close Gallery' button in the top right corner of the thumbnail page.

However, if you link directly to a full-browser gallery on a page of its own, then there will be no 'Close Gallery' button (as the gallery will not have been expanded).
If this is the case and you'd like a link on your gallery's thumbnail page, then you could perhaps use the Gallery Title (displayed above the thumbnails).
You can use HTML formatting in the Gallery Title (as noted in this FAQ) so, as an example, you could enter a Gallery Title such as the following into the JuiceboxBuilder-Pro interface (in the 'Customize -> Lite' section).

<a href="http://www.example.com/index.html">Click here to return to main page.</a>

Just change the text and URL as necessary.

I hope this helps.

1,215

(3 replies, posted in Juicebox-Pro Support)

I'm glad to hear that all is well at the moment.
Thank you for letting me know.

1,216

(3 replies, posted in Juicebox-Pro Support)

If you are using JuiceboxBuilder-Pro to create or edit a gallery, then you should be able to go the the 'Images' tab, click the 'Change Sizes...' button, choose new image dimensions and click 'OK'. All images currently in the gallery should be resized to the specified dimensions. (This seems to work as expected in a test gallery of my own which I've just tried.)

JuiceboxBuilder-Pro stores the paths of the source images (as sourcePath entries in the gallery's 'config.xml' file) so that, if you choose to resize images differently at a later date, JuiceboxBuilder-Pro has access to the source images in order to do so.
If the source images are no longer in their original locations (if, for example, you have moved or renamed them), then JuiceboxBuilder-Pro will have only the gallery images (the images in the gallery's 'images' folder) to work with and it will scale down (if necessary) but will not scale up gallery images to new dimensions.
It sounds like this might be what is causing your problem.

As long as you leave the source images in their original locations, JuiceboxBuilder-Pro should be able to resize them to new dimensions (and their image titles and captions should be retained throughout the process).

I hope this helps.

1,217

(7 replies, posted in Juicebox-Pro Support)

how do i avail of a refund...

Please check your email. I have sent you a message (to the email address you registered with the forum).
Just reply to my email with your Juicebox-Pro purchase details and I'll pass them on to the admin team who will process your refund request.
Thank you.

1,218

(5 replies, posted in Juicebox-Lite Support)

Great! That worked,

That's great!
Thank you for letting me know.

... now how meany gallerys can i put on one page?

Juicebox puts no limit on the number of galleries that you can have on each web page.

However, Juicebox-Lite (the free version) uses the default value of PAGE for the imagePreloading configuration option, meaning that all the images in the current thumbnail page are preloaded.
If you have multiple galleries on a single web page and notice that the initial load on the browser is quite large, then you might find that you need to change imagePreloading to NEXT so that only the image after the currently viewed image is preloaded. (This may not be necessary, though. I just mention it in case you have many galleries on a single web page and notice performance issues.)
Please note that imagePreloading is a Juicebox-Pro configuration option which is not available to Juicebox-Lite.
A short description of imagePreloading and its possible values can be found here.

For other suggestions (such as having multiple galleries on separate web pages or switching between galleries on a single web page), please see the Embedding Multiple Galleries support section.

1,219

(1 replies, posted in Juicebox-Pro Support)

The Chrome Audit results are certainly useful pointers towards attaining an ideal performance score for a web page but the audit does not know the nature of the web page and that it is imperative for the 'juicebox.js' file to be loaded into the web page before the JavaScript embedding code is parsed. The 'juicebox.js' file cannot be deferred or loaded asynchronously, otherwise, as you have discovered, the gallery will not work.

There are several contributing factors which can affect the speed of a gallery:
(1) The speed of the web server hosting the site.
(2) The speed of your own internet connection.
(3) The file size of the gallery images.
(4) The value of the imagePreloading configuration option.

You have little or no control over #1 and #2 but you do have control over #3 and #4.

Make sure your image file sizes are not too large.
When creating a gallery with JuiceboxBuilder-Pro using the default settings (of 1024px x 768px at 80% quality), the resulting images will be approximately 120KB each.
This is usually a good compromise between file size and image quality for web gallery use.
If your gallery images are much larger than this, then try reducing their file sizes and they should certainly load much faster.
You might also like to create a Multi-Size Image gallery whereby you can provide Juicebox-Pro with three different sets of images (small, medium and large) for use in the gallery. Juicebox-Pro will use the most appropriate size depending on the device being used to view the gallery. Please see here for details.

Also, you could try changing the imagePreloading configuration option (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) from the default value of 'PAGE' to 'NEXT' so that when the gallery is initially loaded, only the next image in the gallery is downloaded and cached by the browser (rather than all the images in the current thumbnail page). This should minimize the load on the browser when the gallery is first displayed.
A short description of imagePreloading and its possible values can be found here.

I hope these notes help.

1,220

(5 replies, posted in Juicebox-Lite Support)

Thank you for providing the URL to your gallery's web page.
Being able to see your gallery live on your web server makes troubleshooting much easier.

also I see single quotes and double quotes being used in other examples witch is correct?

Either will work fine, as long as you use the same type of quotes to open and close each value. (You cannot mix single and double quotes for an individual value.)
This is not the cause of your problem.

You currently have the following line in your gallery's embedding code:

baseUrl: 'config.xml',

A baseUrl should point towards a gallery folder (not a gallery's configuration file).
(You can use a configUrl to point towards a gallery's configuration file if you need to).
If you use a baseUrl without a configUrl, then the gallery's configuration file should be named 'config.xml' and located directly inside the gallery folder (the default filename and location).
For reference, the baseUrl method of embedding is documented here.

Looking at the structure of your website, the following embedding code should work:

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

<script>
    new juicebox({
        baseUrl: '/Juicebox/ValleyForge2017/',
        containerId: 'juicebox-ValleyForge2017',
        galleryWidth: '800',
        galleryHeight: '600',
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-ValleyForge2017"></div>

<script>
    new juicebox({
        baseUrl: '/Juicebox/Gernamtown2017/',
        containerId: 'juicebox-Germantown2017',
        galleryWidth: '800',
        galleryHeight: '600',
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-Germantown2017"></div>

The leading slashes in the paths above denote your root directory so the embedding code above should work in any web page throughout your website (without having to worry about working out relative paths).

1,221

(3 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad it works for you.

1,222

(3 replies, posted in Juicebox-Pro Support)

For anyone reading this thread and wanting to change the caption font size, please see this post for details of how it can be achieved.

However, every time I need to update the gallery and publish/save it, the style sheet is rewritten and the additional code is gone. Anyway to get around this?

You could add the CSS code to one of the template files that JuiceboxBuilder-Pro uses to create the gallery.
For example, you could add the CSS code to the template 'theme.css' file in the following location on a Windows 10 PC. (If you use a different operating system, just search for the 'JuiceboxBuilder-Pro\template' folder.)

C:\Program Files (x86)\JuiceboxBuilder-Pro\template\jbcore\classic

Alternatively, if you use the gallery 'index.html' files, you could add the CSS code (within <style> ... </style> tags) to the template 'index.html' file in the following location.

C:\Program Files (x86)\JuiceboxBuilder-Pro\template\index.html

Whatever modifications you make to the files in the 'JuiceboxBuilder-Pro\template' folder will be carried across to the gallery folders on publishing in JuiceboxBuilder-Pro.
Just be aware that these modifications will be overwritten if or when you reinstall or upgrade JuiceboxBuillder-Pro so please be sure to make a backup of your modifications in case you need to reinstate them at a later date.

1,223

(3 replies, posted in Juicebox-Pro Support)

So thank you so much for your precious help.

You're welcome!

So if you want to check, you are invited to verify so that I can have further confirmation that everything works.

I have viewed your web page (in Edge, Chrome 64, Firefox 58.0.2, IE11 and Opera 51) and your navigation menu is now correctly stacked on top of your Juicebox gallery.

1,224

(5 replies, posted in Juicebox-Pro Support)

I'm glad you're making progress.
Hopefully my template file above will be useful.
Please let me know if you encounter any problems and I'll do my best to help you out.

1,225

(3 replies, posted in Juicebox-Pro Support)

You just need to ensure that your navigation menu is stacked on top of all the gallery elements by assigning it a high enough CSS z-index value.

Try adding the following to your web page's CSS:

#menu-wrapper {
    z-index: 9999;
}

This should hopefully solve your problem.