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.

Try checking your web page's code with the W3C Markup Validation service and fix any HTML errors reported.

Also, try upgrading your galleries to the latest version of Juicebox (v1.3.3).
Instructions on how to get the latest version and how to uphgrade existing galleries can be found on the Upgrading Juicebox support page.

The above suggestions may or may not help but if any HTML errors are fixed and your galleries use the current version of Juicebox, then we can eliminate these factors from the problem.

The problem may be related to the browser timing out whilst fetching the images from Flickr's servers. As a test, you could try loading local galleries (with images stored on your web server and listed in the gallery XML files) to see if this makes a difference.

Great!
Thank you for posting back to let me know.