With Juicebox, you could create many individual galleries (each with as many images as you like) but you would need to link them all together manually (possibly by following the Multiple Galleries instructions and examples here).

An alternative solution might be to use another one of our products: Showkase.
Showkase is a PHP web application (although it does not require or use a database) which allows you to create multiple galleries online in a browser interface and automatically have them listed and linked together on gallery index pages.
Demo sites can be found here and a sample gallery index page can be found here.

If you do not want to use PHP on your site at all, then Showkase would not be a suitable solution and you would need to assemble your site (incorporating multiple Juicebox galleries) manually on your computer and then upload it to your web server via FTP.

Another possible solution would be to use the Juicebox skin for jAlbum.
You would be able to drag and drop a complete folder structure into jAlbum's main window. A Juicebox gallery would be created for each folder/subfolder in your input structure and all the galleries will be linked together by a JavaScript navigation tree. A sample gallery with two folders can be found here.
The complete album would be created on your computer and you would then upload the files to your web server. (There is no PHP or database involved in this process.)

Your gallery's height is currently expressed as a percentage.
This will be a percentage of the gallery's parent container but, when the page is first loaded, the gallery's parent container is not visible and Juicebox may see its height as being 0px. 60% x 0px = 0px which may explain why the gallery is not displayed.

Instead, try expressing your gallery's height as a fixed pixel value (e.g. 600px) to see if this makes a difference.

If this does not help, then try also adding the gallery's height as inline CSS to the gallery container div, ie.:

<div id="juicebox-container" style="height: 600px;"></div>

... similar to the 'Using Percentage Heights' suggestion here.

Also, as you have multiple galleries which may be displayed on the same page, make sure you embed each gallery into a container with a unique id.

For example:

<script type="text/javascript" src="http://www.monpetitblog.net/galerie/2013_11_juice/jbcore/juicebox.js">

<script type="text/javascript">
new juicebox({
baseUrl : 'http://www.monpetitblog.net/galerie/path_to_gallery/',
containerId : "juicebox-container1",
galleryTitle: "Sept.'13",
galleryWidth: "100%",
galleryHeight: "600",
});
</script>
<div id="juicebox-container1" style="height: 600px;"></div>

<script type="text/javascript">
new juicebox({
baseUrl : 'http://www.monpetitblog.net/galerie/path_to_another_gallery/',
containerId : "juicebox-container2",
galleryTitle: "Sept.'13",
galleryWidth: "100%",
galleryHeight: "600",
});
</script>
<div id="juicebox-container2" style="height: 600px;"></div>

Incidentally, as you have WP-Juicebox activated, the 'juicebox.js' JavaScript file will be automatically loaded on your pages so there is no need to include the file in each and every gallery you manually embed.
(If you were to deactivate WP-Juicebox, you would need to include the file in each gallery's embedding code.)

As you note, your logo is currently part of your gallery's background (set via the backgroundUrl configuration option).
Instead, you could use either the Back Button or the Gallery Title as an image link.

In JuiceboxBuilder-Pro, you could enter the following into either the Gallery Title field (in the 'Customize -> Lite' section) or the Back Button Text field (in the 'Customize -> Back Button' section).

<a href="http://www.smallbusinessphoto.com"><img src="images/Logo-Dark.png" width="265" height="60" alt="logo" /></a>

For a link in the Gallery Title to be active, please set galleryTitlePosition="TOP" (in the 'Customize -> General' section).
The link will not be active if galleryTitlePosition="OVERLAY". (This bug will be fixed in the next version of Juicebox-Pro.)

If editing your gallery's XML file to add the configuration options manually, you will need to escape the XML entities as documented in this FAQ:
How do I add HTML formatting to the Gallery Title or Back Button?

This issue has now been addressed and will be included in the next version of Juicebox.
There is no set release date for the next version of Juicebox-Pro but if you would like to be notified of new releases, please subscribe to our newsletter at the foot of our homepage or follow us on Twitter @JuiceboxGallery.

For anyone reading this thread, please note that this does not affect the functionality of the gallery and the code being referred to can be seen only by using developer tools in a browser (it cannot be seen by viewing the source of the web page).

Have you uploaded all your gallery files (the 'jbcore', 'images' and 'thumbs' folders and the 'config.xml' file) to the same directory on your web server as the web page containing the gallery's embedding code (Step #2 in the embedding instructions here)? It looks like the gallery files may not yet have been uploaded (or at least not into the correct location).

Just upload the contents of your gallery folder to your root directory (alongside your 'bullshad2013.html' page) and your gallery should display OK.

If you just want to display your gallery on a page of its own, you can upload the entire gallery folder (as created by JuiceboxBuilder) and open the gallery's own 'index.html' file in a browser.

If you want to a create link to your gallery from another web page, just link to this 'index.html' page.

Where exactly are you looking for 'alt tags'?

Are you referring to 'alt' attributes within the <img> tags (visible only within a browser's developer tools and not visible via the 'view page source' option) generated dynamically when Juicebox displays the gallery?
If so, then, as I mentioned previously, 'alt' attributes are included only in the SEO code (in the gallery's 'index.html' page) and not in the code generated dynamically (by the 'juicebox.js' JavaScript file) when Juicebox displays the gallery.

(This will be addressed for the next version of Juicebox and 'alt' attributes will be added to the dynamically generated code as well as the SEO code in the gallery's 'index.html' page.)

The solution above will work when clicking on a main image in a gallery (whether AutoPlay is on or off and whether or not the gallery is expanded).
I hope this clarifies things (and is something like what you are trying to achieve).

Alternatively, if you want to turn an element on a web page into a link, then you could try using the jQuery .on() 'click' function to redirect the browser to a specific web page (using window.location.href) when the element is clicked.

When you pass information to Juicebox, you would do so using the format of a standard gallery XML file.

What I need to do in my code is to set the caption to the description I'm getting from the CMS

A caption would be set within <caption></caption> tags in the XML file.
A complete image entry would look something like this:

<image imageURL="images/image.jpg" thumbURL="thumbs/thumb.jpg" linkURL="images/image.jpg" linkTarget="_blank">
    <title>Title goes here.</title>
    <caption>Caption goes here.</caption>
</image>

The only img tags that Juicebox outputs are 'behind the scenes' and visible only by a browser's developer tools. It is not possible to change their content as they are generated by the 'juicebox.js' file which is obfuscated and cannot be modified.

I do not understand exactly what you are trying to do. Perhaps you could show me a working example?
You seem to be gathering gallery data dynamically and creating an XML file on-the-fly (rather than using a static XML file) but you have no control over the HTML code that is output when Juicebox parses the XML file and displays the gallery.

All the gallery files must be on the same domain or subdomain as the JavaScript embedding code due to the same-origin policy.
Please see this web page for more information.

The only way to do what you want would be to load your gallery into an iframe on hanging-mobiles.com.
If you upload your complete gallery folder to mid20th.com, then the gallery would actually be embedded into the 'index.html' page on mid20th.com and you could then load the 'index.html' into an iframe on a web page on any other domain or subdomain.

Please note that there are limitations to loading a gallery into an iframe. See Option #2 ('Using an iframe') here for more details.

Juicebox does not have built-in support for Picasa Web Albums.
If you would like to display a Picasa Web Album as a Juicebox gallery, you could adapt the SimpleViewer for Picasa Web Albums script from this web page.

Essentially you would use a PHP script to dynamically create the XML data on-the-fly as the gallery is being displayed.
You would point towards this PHP script using the configURL configuration option in your gallery's embedding code.

For example, use the following code in a file named 'config.php' (changing the Picasa Username and Web Album Name as required) and use configURL: 'config.php' in your gallery's embedding code.

<?php

// Simpleviewer for Picasa Web ALbums
// get all the details on www.paulvanroekel.nl/picasawebalbums/


    $userid = 'picasateam';
    $album = 'VegasWeekend';
    
    
    // build feed URL
     $feedURL = "http://picasaweb.google.com/data/feed/api/user/$userid/album/$album?imgmax=912";
     // $feedURL = "http://picasaweb.google.com/data/feed/api/user/$userid?kind=photo";


    // read feed into SimpleXML object
    $sxml = simplexml_load_file($feedURL);
    
    // customize your gallery
    echo "<juiceboxgallery galleryTitle=\"$album\" >\n"; 


    // iterate over entries in album
    // print each entry's title, size, dimensions, tags, and thumbnail image
    foreach ($sxml->entry as $entry) {
      $title = $entry->title;
      $summary = $entry->summary;
      
      $gphoto = $entry->children('http://schemas.google.com/photos/2007');
      $size = $gphoto->size;
      $height = $gphoto->height;
      $width = $gphoto->width;
      
      $media = $entry->children('http://search.yahoo.com/mrss/');
      $thumbnail = $media->group->thumbnail[1];
      $content = $media->group->content;
      $tags = $media->group->keywords;
  
          


        echo "<image imageURL=\"";
        // url van photo
        echo $content->attributes()->{'url'};
        echo "\" thumbURL=\"";
        // url van thumb
        echo $thumbnail->attributes()->{'url'};
        echo "\">";
        echo "<title>";
        echo $title ;
        echo "</title>";
        echo "<caption>";
        echo $summary ;
        echo "</caption>";
        echo "</image>";
        echo "\n";

   
        }
        

    echo "</juiceboxgallery>";

?>

The problem is certainly strange and I do not know the exact cause.
However, as I mentioned above, if the code on your web page validates correctly and your gallery uses the most recent version of Juicebox, then we can at least rule out HTML errors and previous Juicebox bugs as possible causes.

This should not make a difference. Large images will take longer to load but they should not cause a gallery to not display. The preloader (spinner logo) should be visible whilst an image is loading.

You could certainly try. (The more information we have, the better.)
I suggested using local galleries rather than Flickr in order to try to determine whether Flickr was a contributing factor in the problem.