4,076

(6 replies, posted in Juicebox-Pro Support)

I am glad that you have found a solution to your problem.
Thank you for reporting the fix that you have found.
I have been able to replicate the problem in a test gallery of my own and I have logged a bug report with the developers.
Hopefully, it will be fixed in the next version of Juicebox-Pro.

4,077

(7 replies, posted in Juicebox-Pro Support)

Why should I replace the folder when they are the same?...The showkase version I downloaded from the received link already is a Pro Version, isn't it? If not, where could I found the 'Pro jbcore folder' so I can replace the folder pointed in the path above?

You have purchased and are using Showkase-Standard (not Showkase-Pro).
You can check by looking at the text below the login panel on your Showkase admin login page. (Showkase-Standard displays only 'Showkase 1.2.0' whereas Showkase-Pro displays 'Showkase-Pro 1.2.0'.
Showkase-Standard comes bundled with Juicebox-Lite and SimpleViewer-Standard (the free versions of the image viewers) and Showkase-Pro comes bundled with Juicebox-Pro and SimpleViewer-Pro. (The only difference between Showkase-Standard and Showkase-Pro is the bundled viewers.)

But, in the step #3 says:

"To upgrade Juicebox upload the Pro jbcore folder, replacing:
admin/plugins/juicebox/master/jbcore"

Could you please explain it better?

You need to swap the entire Lite 'jbcore' folder in your 'showkase/admin/plugins/juicebox/master/' directory with the Pro 'jbcore' folder from the Juicebox-Pro download zip package ('juicebox_pro_1.3.3/web/jbcore/').

4,078

(3 replies, posted in Juicebox-Lite Support)

Both of your current problems may be related.
It looks like your web page may use the border-box model and this is known to break the layout of Juicebox.
Try opening your gallery's 'jbcore/classic/theme.css' file in a plain text editor and add the following code to the file.

.juicebox-gallery a, .juicebox-gallery div, .juicebox-gallery h1, .juicebox-gallery h2, .juicebox-gallery h3, .juicebox-gallery h4, .juicebox-gallery p, .juicebox-gallery span, .juicebox-gallery u {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

Hopefully this will solve your problems.

This issue has been addressed and will be fixed in the next version of Juicebox.
If you would like to be notified when a new version is released, please join our mailing list at the foot of our homepage, follow us on Twitter @JuiceboxGallery or subscribe to our blog RSS feed.

[Post split to new thread.]

4,079

(7 replies, posted in Juicebox-Pro Support)

If your galleries are limited to 50 images and you see the Juicebox badge/link at the bottom-right corners, then your galleries are Juicebox-Lite galleries, not Juicebox-Pro. (Juicebox-Pro does not contain an image limit or branding.)

Instructions for upgrading Showkase to use a Pro viewer can be found here.
Be sure to rebuild your existing galleries after upgrading ('Pages (tab) -> Edit (gallery page)-> Advanced (tab) -> Rebuild this Juicebox gallery').

4,080

(6 replies, posted in Juicebox-Pro Support)

In order for your gallery to expand fullscreen (covering the entire screen rather than just expanding within the user's browser window), you should set useFullscreenExpand="TRUE" (in JuiceboxBuilder's 'Customize -> Lite' section).
Please note that this feature is not supported by all browsers. (For browsers which do not support this feature, the gallery will still expand within the browser window, just not covering the entire screen.)
For a list of browsers which currently support the Full Screen API, please see this web page.

4,081

(1 replies, posted in Juicebox-Pro Support)

The page you linked to is a Drupal page.
Drupal is a Content Management System whose pages are not designed to fit completely within a user's browser window.
Vertical scrolling is normal and (on most Drupal pages) necessary to view all content on the page.
It would not be possible to constrict all content on a Drupal page to fit within a user's browser window (no matter what its size) without any scrolling.

You would have to manually construct your web page using the View Resizable Gallery with Top Menu Example sample gallery as a template. You can view the source of the web page in a browser, copy it and swap the header, gallery and footer for your own content.

Alternatively, you could try just reducing the height of your gallery (in your Drupal page) so that less vertical scrolling is necessary for most users.

[Post split to new thread.]

4,082

(2 replies, posted in Juicebox-Pro Support)

You can load images from a different domain or subdomain (by using absolute URLs for the imageURL and thumbURL entries in the gallery's XML file) but the 'juicebox.js' file must be on the same domain or subdomain as the web page containing the gallery's JavaScript embedding code due to the same-origin policy.

4,083

(1 replies, posted in Juicebox-Lite Support)

With Juicebox-Lite (the free version), it is not possible to add padding to a gallery from within the plugin's interface.
However, if you purchased Juicebox-Pro (and upgraded the plugin following the 'Upgrading to Juicebox-Pro' instructions on this web page), you would have access to the imagePadding and stagePadding configuration options which you could enter into the plugin's 'Pro Options' text area.
Please note that both imagePadding and stagePadding add padding to all four sides of the image and stage respectively (not just the top).

For reference, a list of all available configuration options can be found here.

Otherwise, you could edit the gallery's 'index.html' page after the gallery has been created and add padding above the gallery using CSS.

Thank you for reporting this issue.
I have logged a bug report with the developers and this should hopefully be fixed in the next version.

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

4,085

(4 replies, posted in Juicebox-Pro Support)

Should I presume a work-around is possible by the JB folks in the near or far term?

Unfortunately, the security restrictions in IE11, Chrome and Opera which prevent the loading of local XML files cannot be circumvented and so there is no possibility of previewing Juicebox galleries locally in these browsers (without using emulation).
As such, there is nothing we can do to allow users to preview Juicebox galleries locally in IE11 (or Chrome or Opera) in the future.

As arachnid says, you can use 'F12 -> Emulation -> Document Mode -> 10' (to emulate IE10) within IE11 (or use Firefox or Safari).

4,086

(4 replies, posted in Juicebox-Pro Support)

Certain browsers (IE11, Chrome and Opera) have security restrictions which prevent the loading of XML files (like the one used by Juicebox to store the configuration options and image data) locally from your own computer's hard drive. Unfortunately, there is nothing that can be done to circumvent this behavior.
Please note that this happens only when trying to load galleries locally (from your own computer's hard drive) and does not happen once galleries have been uploaded to a web server.

We already have FAQs for Chrome and Opera and will add one for IE11 in the next site update. (It was previously possible to preview galleries locally in IE10 but not now in IE11.)

If you want to view your gallery on your own computer before uploading it to your website, please preview it in either Firefox or Safari.

If you see the 'Config XML Not Found' message for a gallery which has been uploaded to a web server, please see this FAQ:
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?

This problem seems to be isolated to Safari on a Mac.
I have viewed your galleries in Safari 5.1.7, Chrome 31, Firefox 26.0, IE11 and Opera 18 on a PC and all galleries I have tried expanding work fine in all browsers.

First of all, try clearing your browser's cache before reloading your web page to ensure that your browser is fetching and using the most recent files from your web server.

If this does not help, then try setting expandInNewPage="TRUE" in your gallery configuration options.
Please see here for more details about the expandInNewPage configuration option.

You could also try changing useFullscreenExpand from 'TRUE' to 'FALSE' to see if this makes a difference.
I realise that you may not want to change the value of this configuration option permanently but it may help to troubleshoot the problem.

In order to solve the issues you are experiencing, perhaps you will need to delay the loading of the Juicebox galleries on the page until the gallery's parent containers are visible.
As you previously mentioned:

It seems that we would have to use sort of callback from infinite scroll plugin to run your stuffs when the jetpack plugin is displaying new posts.

If you could somehow hook into the Infinite Scroll plugin and run a custom JavaScript function when the appropriate containers are displayed on screen, you could either reassign dimensions to the gallery (using JavaScript and CSS) or use the Juicebox-Pro Pro API method showGallery() to try to force the gallery to be displayed. Please note that the Juicebox-Pro Pro API is available to Juicebox-Pro only (and not to Juicebox-Lite).

Even if the september gallery (page 3) seems OK within the post when scrolling down from top, it shows the november one when expanding. Same behavior with Chrome and Firefox (in fact, only iPhones and iPad are working fine).

Just for the record, I do not see this when viewing your web page for myself. Expanding the September gallery displays the September gallery (not the November gallery) in both Chrome and Firefox.

With iDevices, when one of the new loaded post contains a gallery, it will send us to the top of the blog, while loading it.

Juicebox itself does not fire a page refresh when a gallery is loaded so I am not sure what might be causing this.
Does this happen in Chrome on your iDevice(s) or just in Mobile Safari?
I notice that the code on your webpage does not validate correctly. Perhaps fixing the HTML errors on your web page will make a difference.
Try running your web page's URL through the W3C Markup Validation Service and fix the errors reported.
Even if this does not help, we can then eliminate HTML errors as a possible cause of the issues you are experiencing.

4,089

(2 replies, posted in Juicebox-Pro Support)

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

If you were using Juicebox-Pro, you could set expandInNewPage="TRUE" which would force the gallery to expand in a new page (instead of expanding it in the page into which it is embedded). This should avoid the problem of returning to the same point in your infinite scroll page. Please see here for more details.
Unfortunately, expandInNewPage is a Pro option only and is not available to Juicebox-Lite (the free version).

only my iPad is working fine

This is because, in Juicebox-Lite, expandInNewPage is set to AUTO and on iOS devices, expanded galleries are opened in a new page by default. (Please see the link above for details.)

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

4,092

(1 replies, posted in Juicebox-Pro Support)

Two ways to reduce the gap between the main image and the thumbnails would be to either:

(1) Set imageHAlign to CENTER or RIGHT (rather than LEFT)

... or:

(2) Set imageScaleMode="FILL" which will fill the entire image area with the main image (though if the gallery's image area does not have exactly the same aspect ration as the main image being displayed, then the main image will be cropped).

4,093

(8 replies, posted in Juicebox-Pro Support)

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?

JuiceboxBuilder is unable to directly convert a SimpleViewer gallery created by Porta as Porta uses an older version of SimpleViewer (v1.9) before SimpleViewer was rewritten from scratch for v2.0.
Also, the galleries created by Porta use non-standard names for image folders and non-standard tag names within the XML file.

The only way I have been able to convert a SimpleViewer gallery created by Porta is a 3-step process.
(1) Open up the 'gallery.xml' file and replace all instances of <name> to <filename> and all instances of </name> to </filename> (so that svBuilder recognises the tag names).
(2) Open and save the gallery using svBuilder (to update the gallery from v1.9 to v2.3.1).
(3) Open and save the gallery using JuiceboxBuilder.

If you have a text editor such as Notepad++, you can open all your 'gallery.xml' files at the same time and change the names of all the <name> and </name> tags in two global search and replace actions (one for each tag).
Then, it should not take long to quickly open and save the galleries first using svBuilder and then JuiceboxBuilder.

4,095

(15 replies, posted in Juicebox-Pro Support)

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

4,096

(3 replies, posted in Juicebox-Lite Support)

I know HTML but not a lot of terminology.

Take a look at the Juicebox Common Terms which may help.

Where are these files?

Inside the gallery folder.

  • Create a new folder on your desktop. (This will become the gallery folder.)

  • Create a gallery with JuiceboxBuilder-Pro and on the 'Publish' tab, navigate towards the new folder you created using the 'Browse...' button.

  • Click 'Save' to save your gallery.

When you open the folder, you will see the gallery files (and subfolders).

For reference, the JuiceboxBuilder User Guide can be found here and the Embedding Guide can be found here.

4,097

(3 replies, posted in Juicebox-Lite Support)

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.

4,098

(7 replies, posted in Juicebox-Lite Support)

HTML fixed and Juicebox updated to 1.3.3, but the problem persists.

Thank you for fixing the HTML errors on your web page and for upgrading your Juicebox galleries.
At least we can eliminate them from being contributing factors.

So far noticed only in Win7 and Win8 using latest Chrome "31.0.1650.63 m", appears to work in other browsers.

The problem does seem to be specific to browsers which use the WebKit engine (Chrome and Opera) though I do not see the problem in Safari (although Safari has not been updated for Windows in a long time and does not use an up-to-date version of WebKit).

I have been able to replicate the issue in a test scenario and can confirm that it is not related to Flickr and happens only in Chrome and Opera. I have logged a bug report with the developers and it should hopefully be fixed in the next version of Juicebox.

Unfortunately, I do not know of a workaround at the moment.

4,099

(15 replies, posted in Juicebox-Pro Support)

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

You can edit the 'Open Image in New Window' text (the rollover tooltip text used for the Open Image button on the Button Bar) by using the lanaguageList configuration option.
Please see here for details.

For example, you could use the following:

languageList="Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Click here to open image in its own Flickr page|Next Image|Previous Image|Play Audio|Pause Audio|Show Information|Hide Information|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Go Back|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|of""