You're welcome!

I'm glad you have found the root of your problem. Thank you for posting back to let me know.

If you want to horizontally centre a Juicebox gallery container within its parent container, then try the following:

<div id="juicebox-container" style="margin: 0 auto;"></div>

It looks like your embedding code should work fine as long as the page with the embedding code is on the same domain as your gallery files. All gallery files should be on the same domain (or subdomain) as the web page containing the gallery's JavaScript embedding code due to the same-origin policy. Please see here for details: https://developer.mozilla.org/en-US/doc … gin_policy

If the page with the embedding code and your gallery files are on different domains, then you may need to implement a Cross-Origin Resource Sharing (CORS) solution. More information about CORS can be found here: http://www.w3.org/TR/cors/

If you have an Apache server, add the following line of code to the .htaccess file in the root directory of the domain which hosts the gallery folder.

Header add Access-Control-Allow-Origin "*"

If you have an IIS server, then please see this link for a similar solution: http://enable-cors.org/server_iis7.html

If this is not the problem and you continue to experience difficulties, then please post the URL to the web page into which you are trying to embed your gallery so that I can take a look at the problem for myself and hopefully help further.

For reference (and to help anyone else reading this thread), instructions for embedding a Juicebox gallery into Adobe Muse can be found here.

There are alternate embedding instructions here: http://www.muse-themes.com/blogs/news/6 … adobe-muse

The alignment of the captions (the default value and captionHAlign values) seems to be working OK in these two demo galleries:
Full (expands fullscreen): http://juicebox.net/demos/pro/full/
Embedded (expands full browser): http://juicebox.net/demos/pro/embedded/

These demo galleries set debugMode="TRUE" so you can set captionHAlign values (or any other configuration options) via a query string in the URL if you like, e.g.: http://juicebox.net/demos/pro/full/?cap … ign=CENTER

If possible, please post the URL to a gallery which exhibits the problem so that I can investigate further.
Perhaps there is a certain combination of configuration options which is causing the problem or, maybe, if you are embedding a gallery in a web page alongside existing content, there are some custom CSS rules which is somehow conflicting with the gallery's own CSS code.
Once I am able to see the problem for myself, I should hopefully have a better understanding of what might be going on.
Thank you.

When JuiceboxBuilder resizes images, they are always converted to JPEG format (and JPEG images do not support transparency so transparent regions are converted to black). JuiceboxBuilder cannot resize PNG files as smaller PNG files.
Deselect the 'Resize Images' checkbox on the 'Images' tab and your PNG files will be copied across to the gallery's 'images' folder and their transparency will be retained.
If you need smaller PNG files, I would recommend that you create them in an imaging program (such as Adobe Photoshop) before feeding them to JuiceboxBuidler (with 'Resize Images' switched off).

Incidentally, when using PNG file with 'Resize Images' switched off, the files in the 'images' folder will have .jpg file extensions but they will still be PNG images (identical to the source images) and the gallery will still display them correctly. This has been logged as a bug and should hopefully be fixed in a future version of JuiceboxBuilder.

With Juicebox-Pro, you would be able to create as many individual galleries as you like. However, if you would like to link them all together, you would need to do so manually following the instructions and examples in the Embedding Multiple Galleries support section. There are several online demo pages which you could adapt to suit your own needs. The examples use text links but you could replace them with image links instead. (Knowledge of HTML would be required.)

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 - Showkase.

Showkase is a PHP web application which allows you to create complete portfolio web sites (integrating multiple galleries) online.
Showkase has full support for Juicebox-Pro (and SimpleViewer-Pro) galleries and the galleries can be created within the application itself in a web browser interface. Alternatively, you can import galleries created by the Lightroom plugin via Showkase's 'Site -> Import' functionality. Once a gallery has been imported into Showkase, it becomes a genuine Showkase page (just as if the gallery had been created in Showkase itself) and you can edit the gallery within Showkase in the future if you need to.

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 can be found here and a sample Gallery Index page can be found here.
Another Gallery Index page (using a different theme) 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 and SimpleViewer-Standard, the free versions) or Showkase-Pro (which comes with Juicebox-Pro and SimpleViewer-Pro).
(The only difference between Showkase-Standard and Showkase-Pro is the bundled viewers.)

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

You're welcome!

Step 5 in the Embedding with Adobe Muse instructions refers to setting the gallery height in the embedding code.
If your embedding code currently looks something like this:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

... then you can change the gallery height (to something like 600px) in the galleryHeight line as follows:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "600",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

For reference (and to help anyone else reading this thread), instructions for embedding a Juicebox gallery into Adobe Muse can be found here: http://www.juicebox.net/support/embeddi … adobe-muse

There are alternate embedding instructions here: http://www.muse-themes.com/blogs/news/6 … adobe-muse

Juicebox-Pro does not have any built-in zoom functionality.
You would need to use your browser's own zoom functionality (or perhaps a browser extension).

I'm glad you've found a suitable workflow. Perhaps not ideal but probably the best solution for your problem.

Just to confirm, if you deselect the 'Resize Images' checkbox on the 'Images' tab, Juicebox will copy the source images across to the output 'images' folder without any processing/resizing.

That's great to hear! I'm glad you're getting on well with Juicebox!

You're welcome.