Juicebox v1.5.1 Released!

2013-12-13 21:05:55

If that only works though on the main image once the gallery is opened then it's not quite what I am looking for.

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.

2013-12-12 20:56:56

Most of a gallery's configuration settings are stored in the XML file (named 'config.xml' by default).
If you change only a few settings, then this is likely to be the only file that you will need to re-upload.

If you add new images to a gallery, then you will need to upload the new images (in the 'images' and 'thumbs' folders), too.

Certain options (such as the gallery's background color) are set in the gallery's embedding code (rather than the XML file), so you will need to re-upload the gallery's 'index.html' file if you change the background color.

Depending on the FTP program you use, you may be able to set it so that it uploads only new or modified files.
In doing so, you can tell the program to upload the complete gallery folder (rather than manually selecting files from within it) but only new and modified files will actually be uploaded to your web server.

If you are in any doubt as to whether or not the old files on your web server are being overwritten, try deleting them first before uploading the new or modified files in their place.

After uploading, try clearing your browser's cache before reloading your gallery to ensure that your browser fetches and uses the most recent gallery files from your web server. (Refreshing the page may not be enough.)

2013-12-12 20:49:04

We are using a CMS to grab images, title, description and then passing that info to juicebox.

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>

, pass everything to juicebox and then have it output an alt tag for the image with that description/caption.

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.

2013-12-12 20:46:04

If you set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section), then when users click on a main image in the gallery, they will be taken to the corresponding linkURL (in the gallery's 'config.xml' file) which will be opened in a tab or window specified by the linkTarget.
linkURLs and linkTargets can be entered for each image on JuiceboxBuilder-Pro's 'Images' tab.

2013-12-12 07:47:11

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.

2013-12-11 20:42:44

The 'Add SEO Content' checkbox has no bearing on the code generated dynamically by the 'juicebox.js' file when the gallery is displayed. Alt attributes are not included in the img tags in this code.

What property does the js look for to set the caption?

Captions are displayed in a gallery as long as the captionPosition configuration option is not set to NONE (and as long as captions have been entered for the images).

2013-12-10 21:18:42

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>";

?>

2013-12-10 21:18:16

The code that you posted is part of the code generated by Juicebox dynamically when the gallery is displayed.
(It is generated by the 'juicebox.js' JavaScript file.)

The code that you posted is not the SEO code which is produced when selecting the 'Add SEO Content' checkbox.
The SEO code can be found by opening the gallery's 'index.html' file in a plain text editor. It will look something like this:

<noscript>
<!-- Image gallery content for non-javascript devices -->
<h1>Gallery Title</h1>
<p>Gallery Description</p>

<p><img src="images/IMG_0678.JPG" title="title #1" alt="caption #1"/><br>title #1 caption #1</p>
<p><img src="images/IMG_0712.JPG" title="title #2" alt="caption #2"/><br>title #2 caption #2</p>
<p><img src="images/IMG_0992.JPG" title="title #3" alt="caption #3"/><br>title #3 caption #3</p>
</noscript>

The img tags in the SEO code contain alt attributes populated by the image captions.

2013-12-09 23:06:53

But the same code works well for other browsers including fetching the images from Flickr's servers. that looks confusing...

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.

Meantime, does a picture size make a difference for this issue?

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.

Can I place the galleries on Picasa to see if it makes a difference?

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.

2013-12-09 23:00:51

When selecting 'Add SEO Content' in JuiceboxBuidler-Pro's 'Customize -> Sharing' section, alt attributes are included in the SEO code's img tags (in the gallery's 'index.html' page) and they are populated by the image captions. Make sure that your image captions (on the 'Images' tab) are not empty.

2013-12-09 09:14:43

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.

2013-12-06 22:48:38

Thank you for reporting this. It should be fixed in the next version of Juicebox.
There is no set release date for the next version but if you would like to be notified when it is released, please sign up to our mailing list (at the foot of our home page) or follow us on Twitter @JuiceboxGallery.

2013-12-05 20:34:31

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

2013-12-05 20:07:58

The problem you encounter is likely to be caused by an incorrect path within your gallery's embedding code.

Please see this FAQ:
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?

If the information contained within the FAQ does not help, then please post the URL to your gallery so that I can take a look and help further.
(I tried using the URL from within your screenshot but received an 'Access denied' message.)

2013-12-04 20:39:21

that thingy with the seven icons in the upper right

That's the Button Bar.

would disappear if you moved the mouse to, say, the taskbar...

No. If showInfoButton="TRUE", the Button Bar is always visible (whether the user hovers over the gallery or mouses-out).

That's a long sentence, but does it make my comment any clearer?

Yes, thanks. The gallery is behaving as designed (though perhaps not as you expected).

2013-12-04 19:57:52

The Juicebox-Lite and Juicebox-Pro downloads are not modules for Drupal (and you cannot simply upload the contents of a gallery folder to your Drupal 'modules' directory).

Try using the dedicated Juicebox module for Drupal which can be downloaded from this web page.
To upgrade the module to Juicebox-Pro, use the 'jbcore' folder from the Juicebox-Pro download zip package ('juicebox_pro_1.3.3/web/jbcore/') in Step #3 of the Installation instructions on this web page.

Please note that web did not write the module ourselves and support for the module should be directed towards the Drupal forums where the author of the module should be able to help you further.

Alternatively, you could manually embed a Juicebox gallery in a Drupal page by following the 'Embedding in a Drupal Site' instructions here. If using this technique, it does not matter where on your web server you upload your gallery folder to as long as the two paths within the embedding code (the path to the 'juicebox.js' file and the baseUrl ) are correct.

2013-12-04 19:56:22

Do I need adobe AIR for instaling it on my website?

You need Adobe AIR (installed on your computer) only if you want to use JuiceboxBuilder-Pro to create a gallery on your computer before uploading it to your website. (Take a look at the Getting Started guide.)

As you are using Drupal, you might like to use the Juicebox module for Drupal which can be downloaded from this web page.
To upgrade the module to Juicebox-Pro, use the 'jbcore' folder from the Juicebox-Pro download zip package ('juicebox_pro_1.3.3/web/jbcore/') in Step #3 of the Installation instructions on this web page.

2013-12-03 22:33:20

when you click the Info "off" on galleries that have the button shown, the navigation overlay is still visible if the mouse is moved off screen.

This should not be the case.
In this gallery of yours (http://www.billanddot.com/burgman/), if 'Info' is OFF and you mouse-out, only the thumbnail navigation buttons (not on the image overlay) and the Button Bar remain visible. (The entire Button Bar will always remain visible when showInfoButton="TRUE".)
Do you have a test gallery which demonstrates the behavior you describe? I'll gladly take a look.

2013-12-03 22:29:03

The 'readme.html' file within the Juicebox-Pro zip download package is a standard HTML file which can be opened in any web browser.
If you have .html files associated with your system's default browser, you should be able to just double-click the file to open it.
Otherwise, you can drag and drop the file into an open browser widow.
You could also go to 'File -> Open File...' from your browser's toolbar and navigate towards the 'readme.html' file on your system.

2013-12-03 20:43:56

Your main web page does not have a Doctype Declaration.
Try using the HTML 5 Doctype by putting the following code at the very top of your web page:

<!DOCTYPE html>

Please see this FAQ for more information:
My gallery looks strange in Internet Explorer 9. Why?

Hopefully, this will fix your problem.
If not, then the next thing to do would be to check the code on your web page for HTML errors.
You can validate the code on your web page using the W3C Markup Validation Service and then fix any errors reported.

2013-12-03 20:18:54

Yes. You can add the code to the plugin's 'wp-juicebox/jbcore/classic/theme.css' file.
(Open the file in a plain text editor and copy and paste the code to the end of the file.)

2013-12-03 06:24:04

When showInfoButton="TRUE", the default behaviour controlling the overlay visibility is disabled and the overlay (except for the Button Bar itself) can be toggled on and off only by clicking on the Info Button.
(This is noted in the description for showInfoButton in the Button Bar Options section of the Config Options page.)
I hope this explains the behavior you have described.

2013-12-03 06:16:56

I'm glad you have been able to resolve your problem.
Thank you for posting back to let me know.

2013-12-03 01:46:36

Your editor is automatically inserting CDATA tags within your <script> tags but this is unlikely to be the cause of your problem.
(If you have the option of being able to enter raw HTML code and not have it altered by the editor, choose that.)

In the code you posted in your first post, there should be a comma after the baseUrl line.

All your files look to be in the correct locations and the permissions seem to be OK so the problem is likely to be with your embedding code. If the suggestions above do not help, please post the URL to the web page into which you are trying to embed your gallery so that I can take a look and help further.

But nothing shows.

This FAQ may also help:
When I view my gallery, I see a blank area. Why?

2013-12-03 01:37:22

The vertical splitters separate different groups of buttons (such as navigation buttons and social sharing buttons) on the Button Bar.

There are no configuration options which would allow you to remove the splitters but you could remove them completely by using the following CSS in your gallery's 'index.html' page:

<style type="text/css">
    .jb-bb-splitter {
        border-width: 0px;
    }
</style>

However, this may have an unwanted side effect, for example when wrapping the Button Bar on screens of limited width, where Juicebox will not be able to accurately calculate the width of the Button Bar. (It would expect the splitters to be there.)
Therefore, it may be safer to hide (rather than remove) the splitters by using the following CSS:

<style type="text/css">
    .jb-bb-splitter {
        border-color: transparent !important;
    }
</style>

The splitters are usually only 1px wide each so hiding them should not make much of a visible difference in your gallery.

Juicebox v1.5.1 Released!

Search options (Page 165 of 233)

Posts found: 4,101 to 4,125 of 5,812

4,101 Reply by Steven @ Juicebox 2013-12-13 21:05:55

Re: Click embedded gallery to go to URL (3 replies, posted in Juicebox-Pro Support)

4,102 Reply by Steven @ Juicebox 2013-12-12 20:56:56

Re: modify after Publish - what files to re-ftp? (1 replies, posted in Juicebox-Pro Support)

4,103 Reply by Steven @ Juicebox 2013-12-12 20:49:04

Re: Adding Alt Tags for images (15 replies, posted in Juicebox-Pro Support)

4,104 Reply by Steven @ Juicebox 2013-12-12 20:46:04

Re: Click embedded gallery to go to URL (3 replies, posted in Juicebox-Pro Support)

4,105 Reply by Steven @ Juicebox 2013-12-12 07:47:11

Re: multiple servers (1 replies, posted in Juicebox-Pro Support)

4,106 Reply by Steven @ Juicebox 2013-12-11 20:42:44

Re: Adding Alt Tags for images (15 replies, posted in Juicebox-Pro Support)

4,107 Reply by Steven @ Juicebox 2013-12-10 21:18:42

Re: Flicker gallery display problem (7 replies, posted in Juicebox-Lite Support)

4,108 Reply by Steven @ Juicebox 2013-12-10 21:18:16

Re: Adding Alt Tags for images (15 replies, posted in Juicebox-Pro Support)

4,109 Reply by Steven @ Juicebox 2013-12-09 23:06:53

Re: Flicker gallery display problem (7 replies, posted in Juicebox-Lite Support)

4,110 Reply by Steven @ Juicebox 2013-12-09 23:00:51

Re: Adding Alt Tags for images (15 replies, posted in Juicebox-Pro Support)

4,111 Reply by Steven @ Juicebox 2013-12-09 09:14:43

Re: Flicker gallery display problem (7 replies, posted in Juicebox-Lite Support)

4,112 Reply by Steven @ Juicebox 2013-12-06 22:48:38

Re: expanded mode (1 replies, posted in Juicebox-Pro Support)

4,113 Reply by Steven @ Juicebox 2013-12-05 20:34:31

Re: [SOLVED] not find jb on my modul list. (7 replies, posted in Juicebox-Pro Support)

4,114 Reply by Steven @ Juicebox 2013-12-05 20:07:58

Re: [SOLVED] not find jb on my modul list. (7 replies, posted in Juicebox-Pro Support)

4,115 Reply by Steven @ Juicebox 2013-12-04 20:39:21

Re: Navigation Bar Disappears When No Info and Mouse Moved Away (5 replies, posted in Juicebox-Pro Support)

4,116 Reply by Steven @ Juicebox 2013-12-04 19:57:52

Re: [SOLVED] not find jb on my modul list. (7 replies, posted in Juicebox-Pro Support)

4,117 Reply by Steven @ Juicebox 2013-12-04 19:56:22

Re: [SOLVED] Adobe AIR (2 replies, posted in Juicebox-Pro Support)

4,118 Reply by Steven @ Juicebox 2013-12-03 22:33:20

Re: Navigation Bar Disappears When No Info and Mouse Moved Away (5 replies, posted in Juicebox-Pro Support)

4,119 Reply by Steven @ Juicebox 2013-12-03 22:29:03

Re: [SOLVED] lost READ ME file (2 replies, posted in Juicebox-Pro Support)

4,120 Reply by Steven @ Juicebox 2013-12-03 20:43:56

Re: IE7 issue (1 replies, posted in Juicebox-Pro Support)

4,121 Reply by Steven @ Juicebox 2013-12-03 20:18:54

Re: Possible to remove vertical bar? (3 replies, posted in Juicebox-Pro Support)

4,122 Reply by Steven @ Juicebox 2013-12-03 06:24:04

Re: Navigation Bar Disappears When No Info and Mouse Moved Away (5 replies, posted in Juicebox-Pro Support)

4,123 Reply by Steven @ Juicebox 2013-12-03 06:16:56

Re: [SOLVED] Problem with Base URL (5 replies, posted in Juicebox-Pro Support)

4,124 Reply by Steven @ Juicebox 2013-12-03 01:46:36

Re: [SOLVED] Problem with Base URL (5 replies, posted in Juicebox-Pro Support)

4,125 Reply by Steven @ Juicebox 2013-12-03 01:37:22

Re: Possible to remove vertical bar? (3 replies, posted in Juicebox-Pro Support)

Posts found: 4,101 to 4,125 of 5,812