1,526 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Looking at your embedding code, it appears that your 'myfreebies' folder should be a complete Juicebox gallery folder but there is no 'jbcore' folder inside it.

If you have a complete gallery folder named 'myfreebies' on your computer's hard drive at the moment, then just upload the complete folder (not just the contents) to your website's root directory (alongside your 'mygallery' folder from this forum thread) and the gallery should show up on your 'Freebies.htm' page.

Incidentally, you can use an absolute path for your baseUrl but if you hardcode a 'www' subdirectory in the path, your gallery might not display if the URL in the browser's address bar does not contain the 'www' subdirectory.
Please see this FAQ:
My gallery works on 'www.example.com' but not on 'example.com' (or vice versa). Why?

It would be safer to use relative paths (and your gallery will display on both 'chrissyclark.com' and 'www.chrissyclark.com'.

Once you've uploaded your complete 'myfreebies' folder to your website's root directory, use the following <script> section.

<script src="/myfreebies/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl:  "/myfreebies/",
containerId: "juicebox-container",
galleryWidth: "600",
galleryHeight: "650",
backgroundColor: "FFFFFF"
});
</script>

The leading slashes in the paths above denote your root directory so the code above will work in any web page throughout your site without modification.

One more thing that might be useful to know...
If you plan to embed multiple galleries throughout your site, you can have them all share a single 'jbcore' folder (instead of having one 'jbcore' folder per gallery).
You can upload a single 'jbcore' folder to anywhere on your web server and, for each gallery, just load the 'juicebox.js' file from there. (For example, you could use the 'jbcore' folder from your 'myfreebies' folder for all your galleries.)
This means that you can upgrade all your galleries at once (for example when a new version of Juicebox is released) by replacing just one 'jbcore' folder on your web server.
Documentation for having galleries share a 'jbcore' folder can be found here.
(Having galleries share a 'jbcore' folder does not affect the baseUrl paths that your galleries use.)

Go to forum: Juicebox-Pro Support

1,527 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You're welcome! I'm glad you've got it working.
Thank you for letting me know.

Go to forum: Juicebox-Pro Support

1,528 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

By default (if you do not specify a configUrl or a baseUrl in your gallery's embedding code), Juicebox will look for a file named 'config.xml' in the same directory as the web page containing the embedding code.
Therefore, Juicebox is looking for your gallery's configuration file to be here: www.chrissyclark.com/config.xml
... but it is not there.

I notice that you have uploaded a complete gallery folder to your 'mygallery' directory (and you already load the 'juicebox'js' file from this location).
All you now need to do is point Juicebox towards this gallery folder by adding a baseUrl entry to your embedding code.
Change:

<script>
new juicebox({
containerId: "juicebox-container",
galleryWidth: "600",
galleryHeight: "650",
backgroundColor: "rgba(255,255,255,1)"
});
</script>

... to:

<script>
new juicebox({
baseUrl: "mygallery/",
containerId: "juicebox-container",
galleryWidth: "600",
galleryHeight: "650",
backgroundColor: "rgba(255,255,255,1)"
});
</script>

Juicebox will now look for the configuration file inside the 'mygallery' folder (and will find it there).

For reference, the baseUrl can be relative (to the web page containing the embedding code) or absolute (in the form 'http://www.chrissyclark.com/mygallery/').

There are short descriptions of Embed Options (such as configUrl and baseUrl) here.

The baseUrl method of embedding is documented here.

Go to forum: Juicebox-Pro Support

1,529 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Lite Support)

I'm glad you've been able to resolve your problem.
Thank you for letting me know.

However, the <script> tag loading the 'juicebox.js' file can be in the <head> section of your web page (just as long as it is above the 'new juicebox' code).

I've tried to replicate your problem using exactly the same code that you posted (and the same gallery structure with the same gallery folder names) and the problem seems to be due to a couple of things:
(1) Your web page does not contain a Doctype Delcaration so the browser being used to view the gallery does not know what set of standards the code on your web page should confirm to.
(2) Your <div> 'id' (and corresponding 'containerId') starts with an uppercase character.

If you add the HTML 5 Doctype Declaration (<!DOCTYPE html>) at the very top of your web page (before the opening <html> tag), then the 'id' starting with an uppercase character should not cause any problems. (Some browsers will be more tolerant towards errors than others which is why your web page works in some browsers but not others.)
Otherwise, you could just start your 'id' (and 'containerId') with a lowercase character (but your web page should really contain a valid Doctype Declaration which should solve your problem, as least it does in my own test scenario).

Go to forum: Juicebox-Lite Support

1,530 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad you've got it working. Thank you for posting back to let me know.

Go to forum: Juicebox-Pro Support

1,531 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You're welcome.

Just in case you're wondering, if you want to use an application which features all Pro configuration options in its interface, you could use either JuiceboxBuilder-Pro (the standalone program which comes with Juicebox-Pro) or the Juicebox-Pro Lightroom Plugin (if you are an Adobe Lightroom user).

Go to forum: Juicebox-Pro Support

1,532 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

When I view your website on my iOS device, the gallery's Splash Page is displayed as expected (please see the Screen Modes support section for more details on the Splash Page) but when I click the Splash Page to expand the gallery, I see the following error message:

Not Found

The requested URL /jbcore/full.html was not found on this server.

When a gallery is expanded on an iOS device, the gallery is expanded on a new page instead of on top of the embedding page (please see the Expand Gallery Behavior support section) and Juicebox uses the 'full.html' file inside the gallery's 'jbcore' folder to display the gallery.

The problem appears to be that the 'full.html' file does not seem to exist in its correct location on your web server.

Your galleries share a 'jbcore' folder in your root directory so the 'full.html' file should be located here: http://www.arthouse.org/jbcore/full.html
However, if you go directly to this location in a browser, you'll see the same error 404 message as when trying to expand the gallery from the Splash Page, suggesting that the file is not there.
Normally, when you open a gallery's 'full.html' file directly in a browser, you'll see the "Juicebox Error: Config file not found." message (the file should be used internally by Juicebox only) but you should not see an error 404 (file not found).

Try reuploading your 'jbcore' folder to your web server and make sure that it contains the 'full.html' file.
If you are sure that the file is in the correct location, then check its permissions to make sure that they are not too restrictive. (Default permissions of 644 should be fine.)
If you are sure that the file is in the correct location and that its permissions are OK, then I would ask your web host why the 'full.html' file returns an error 404 when going to http://www.arthouse.org/jbcore/full.html

Hopefully this will point you in the right direction.

Go to forum: Juicebox-Pro Support

1,533 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Unfortunately, the Adobe auto-install mechanism seems to be a bit hit or miss, as I noted in this forum post. Perhaps you could try the suggestion in the post. (The thread is regarding CC 2015 but the suggestion might still help.)

If you are having trouble with the auto-install mechanism, I would certainly recommend installing the plugin manually (as you have done).
For others reading this, just download the 'Photoshop CS2 to CS6' zip version from the plugin's support page and follow the manual installation instructions. The resulting files in the 'Presets/Scripts/' folder will be exactly the same as if installing via Creative Cloud. Only the packaging of the files differs between the two methods.

Then followed the "Upgrading to  Juicebox-Pro" instructions. But off course now there's no "Juicebox" folder but a "juicebox_photoshop_template" folder in which I replaced the jbcore folder and changed the name of the 'juicebox.js' file to '~juicebox.js .

If you have installed the plugin manually, then to upgrade it to Pro:
(1) Replace the plugin's Lite 'jbcore' folder (in the 'Presets/Scripts/juicebox_photoshop_template/' directory) with the Pro 'jbcore' folder from the Juicebox-Pro download zip package ('juicebox_pro_1.5.0/web/jbcore/').
(2) Navigate inside the 'Presets/Scripts/juicebox_photoshop_template/jbcore/' directory and rename the 'juicebox.js' file to '~juicebox.js'. (This prevents the Juicebox JavaScript file from appearing as an extra script in the 'File -> Scripts' list.)

Please note that upgrading the plugin to Pro (by replacing the plugin's 'jbcore' folder) does not change the plugin's interface.
All galleries subsequently created after upgrading the plugin will be Pro galleries (with no branding and no image limit) but only Lite options will be available in the plugin's interface. A gallery built with the Photoshop plugin can be opened in JuiceboxBuilder-Pro to be configured with Pro options.

Now photoshop has two juicebox scripts of which one script (the Lite version) is working...

This is likely to be the version you installed manually and upgraded to Pro. You'll just not be seeing any difference in the plugin's interface but, if you create a gallery with the plugin, you should notice that there is no Juicebox logo in the lower-right corner of the gallery, indicating that the gallery is Pro. (The logo is present in all Lite galleries but not in Pro galleries.)

... an the  other is showing the error 25 message.

This is likely to be your first attempt (to upgrade a failed auto-install with the Pro 'jbcore' folder).

It sounds like you can probably delete your 'Presets/Scripts/Juicebox/' directory and keep your 'Presets/Scripts/juicebox_photoshop_template/' directory (the working plugin hopefully using the Pro 'jbcore' folder).

I hope these notes help to clarify a few things.

Go to forum: Juicebox-Pro Support

1,534 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

Please post the URL to your gallery's web page so that I can try to see the problem for myself. Thank you.

If the gallery displays OK in Firefox, then it sounds like a problem specific to your Safari browser.
Try completely clearing your Safari browser's cache before reloading your gallery's web page. This might help.
Also, if you have any extensions installed in your Safari browser, try temporarily disabling them to see if this makes a difference.

Go to forum: Juicebox-Lite Support

1,535 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

Unfortunately, this is a known problem (please see this forum thread) which affects Edge and IE11 but not Chrome, Firefox, Opera or Safari. However, the developers are aware of the issue and hope to have it fixed for the next version.
In the meantime, I've posted a possible workaround in this forum post. It's not ideal but it might tide you over until the bug is fixed. Thank you for reporting it.

Go to forum: Juicebox-Pro Support

1,536 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

What you see when you disable JavaScript is likely to be the Search Engine Optimization (SEO) code which is included on the web page within <noscript> tags and is displayed if JavaScript is disabled in the browser (and the true Juicebox gallery cannot be run).
If you want to protect a gallery from the general public, then it is perhaps also likely that you will not want search engines indexing your gallery page's content so I would recommend that you remove the SEO code from your web page when using Juicebox's built-in Password Protection. (When creating a gallery with JuiceboxBuilder-Pro, deselect the 'Add SEO Content' checkbox from the 'Customize -> Sharing' section.)

As you point out, an alternative method of securing a gallery would be to password protect the gallery's directory on the web server using .htaccess and .htpasswd files. Instructions can be found here. You might also be able to password-protect a directory on your web server from within your web hosting account's online Control Panel (without having to manually set up .htaccess and .htpasswd files.

That would be nice to see it in the next version ;)

Please feel free to post ideas for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
Thank you.

Go to forum: Juicebox-Pro Support

1,537 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Lite Support)

You're welcome!
I'm glad I could help.

Incidentally, if you were escaping your text with the PHP function htmlentities() before outputting it, you might like to try using htmlspecialchars() instead. htmlspecialchars() will convert only special characters (&, ", ', < and >) to HTML entities (just enough to prevent breaking the XML syntax) whereas htmlentities() will convert all applicable characters to HTML entities (which might be breaking your 'ß' character).

Go to forum: Juicebox-Lite Support

1,538 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Lite Support)

That's great!
Thank you for letting me know.

Go to forum: Juicebox-Lite Support

1,539 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Lite Support)

Juicebox can display characters other than regular alphanumeric characters (i.e. non Latin characters and non Arabic numerals) throughout a gallery.
Check out this demo Juicebox-Lite gallery which has Chinese characters in both the Gallery Title and the image titles and captions.

Take a look at your gallery's configuration file in a browser (open your gallery's 'loadRefGallery.php?refID=xyz' file directly in a browser) and view the source of the page to see exactly what your PHP script is generating and outputting to the dynamically generated content.
It's possible that the 'ß' character is being escaped (before being output) and that this may not be necessary.
As long as the 'ß' character actually appears (not in an escaped form) in the Gallery Title and/or image titles and captions in the configuration file, then it should also appear in the gallery itself.

Also, if you are trying to use &szlig;, then as the '&' character is an XML entity that needs to be escaped in an XML file, you might need to escape the '&' character within &szlig; to &amp; and then use &amp;szlig; instead (but using 'ß' directly should also work fine).

Go to forum: Juicebox-Lite Support

1,540 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Lite Support)

Please see the following FAQ. (There are a couple of links in the FAQ which might be useful.)
Can Juicebox handle a custom data source, for example RSS or Instagram?

Every Juicebox gallery must have a 'config.xml' file (where the gallery's configuration options and image data are stored).
However, the 'config.xml' does not need to be a static file created when the gallery is authored. It can be generated dynamically (by a server-side scripting language such as PHP) at the time the gallery is displayed.

You'd need to point Juicebox towards a PHP (or alternative language) script using a configURL entry in your gallery's embedding code, for example:

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

The output of the 'config.php' file would need to be in the format of a regular Juicebox 'config.xml' file but, within the script, you could pull in data from whatever source you like (such as a MySQL database).

It would certainly be possible to do but knowledge of PHP (or similar) and how to query your database would be required.

There is a simple example of a dynamically generated configuration file (to display images from a designated web server directory) in this forum post which might help.

I hope this points you in the right direction.

Go to forum: Juicebox-Lite Support

1,541 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Juicebox-Pro does not use a key or serial number (although downloads are restricted to licensed users only).

If you still have a copy of the Juicebox-Pro zip file, you can just transfer it across to your new computer on a USB flash drive.
You can then unzip the file and install JuiceboxBuilder-Pro on your new computer following the installation instructions here.

If you need a new copy of the Juicebox-Pro zip file, you can download it again using the link from your purchase email. (The download link always points towards the latest version rather than the version you purchased.)
If you no longer have access to your purchase email, then please fill in this Download Link Request Form to the best of your ability and the admin team will send you a new download link.

Incidentally, you can install JuiceboxBuilder-Pro on up to 3 different computers, as noted in this FAQ:
Can I install on multiple computers?

Go to forum: Juicebox-Pro Support

1,542 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

I'm glad you've been able to figure it out. Thank you for letting me know.

Just for clarification (and for others who might be having rouble opening existing galleries with JuiceboxBuilder), when you click the 'Open Gallery...' button, you should navigate towards and select the gallery folder (rather than a specific file within the gallery folder).
However, the gallery folder must contain the gallery's XML file and the XML file must be named 'config.xml' (the default filename as used by JuiceboxBuilder). If you have moved or renamed the XML file, the gallery will not be able to be opened by JuiceboxBuilder.

Go to forum: Juicebox-Pro Support

1,543 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

I'm glad to hear that setting a flickrSetId has proved to be a suitable workaround for you.
Thank you for letting me know.

Go to forum: Juicebox-Pro Support

1,544 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

Now I've moved my photos to the Nextgen gallery, but showing them with Juicebox.
This is a work around that's working.

I'm glad that you've found a suitable workaround (although it is unfortunate that the Flickr sorting is not working for you as expected).

Here are a couple of alternative workarounds:

(1) Try creating a Flickr set from your images. Flickr sets are always returned in the order specified on the Flickr set page. (If you specify a flickrSetId, then the flickrSort option will not be used.) This should hopefully allow you to continue to use Flickr as the image source. Please see this FAQ for information on how to order images in a Flickr set: How do I change the order of images in a Flickr Photo Set?

(2) You could use the WordPress Media Library as the image source. WP-Juicebox displays all images uploaded to the post containing the gallery so you could upload the images (via the 'Add Media' button when editing the post). You can then go to 'Uploaded to this post' (within the media window) and drag and drop the thumbnails into the order you want them to be displayed in your gallery. (WP-Juicebox displays images in the order in which they appear in the 'Uploaded to this post' section.)

Go to forum: Juicebox-Pro Support

1,545 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

You're welcome.

Please feel free to post suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
Thank you.

Go to forum: Juicebox-Pro Support

1,546 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

... this is the best way I have figured out to make it work for us.

If it works for you, that's absolutely fine: stick with it!

Go to forum: Juicebox-Pro Support

1,547 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

You show in your Demo only one gallery, is it possible to have more than one gallery ?

Yes. Please check out the Embedding Multiple Galleries support section.
There are online examples of embedding multiple galleries on a single web page and on separate web pages (and also an example of switching between galleries on a single web page).

Is-it possible to access to those gallery with navigation menu ?

With Juicebox-Pro, you can create as many individual galleries as you like. However, if you would like to link them all together (with a navigation menu), then you would need to do so manually following the examples in the Embedding Multiple Galleries support section (link above).

If you are looking for an automated solution to creating and listing multiple galleries, then we have another product that you might be interested in called Showkase.

Showkase is a PHP web application which allows you to create a complete portfolio web site (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 (or created with JuiceboxBuilder and imported).

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 created with Showkase can be found here and a sample Gallery Index page 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 post.

I hope this helps.

Go to forum: Juicebox-Pro Support

1,548 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

captionHAlign is a Large Screen Mode option only (this is noted in the short description of the option on the Config Options page) and your gallery is always displayed in Small Screen Mode (by setting screenMode="SMALL") so the option is not used in your gallery.

If you like, you could try adding the following CSS to the <head> section of your gallery's web page:

<style type="text/css">

    /* IMAGE TITLE */
    .jb-caption .jb-caption-title {
        text-align: center !important;
    }

    /* IMAGE CAPTION */
    .jb-caption .jb-caption-desc {
        text-align: center !important;
    }

</style>

Go to forum: Juicebox-Pro Support

1,549 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

@wspollack

Yes, it would certainly be possible to create a template gallery and use this as a starting point for all subsequent galleries.
You could use the sample 'juicebox_pro_1.5.0/web/' gallery from the Juicebox-Pro v1.5.0 zip file, open its 'config.xml' file in a plain text editor, add the languageList you'd like to use (as an attribute to the opening <juiceboxgallery> tag) and save the file.

Now, when you want to create a new gallery, you can open this modified sample gallery in JuiceboxBuilder (instead of clicking the 'New Gallery...' button and starting completely from scratch), add whatever images you like, configure the gallery as required and when you save the gallery on the 'Publish' tab, the languageList will still be in place (alongside the gallery's other configuration options in its 'config.xml' file) even though it never appears in the JuiceboxBuilder interface.

When the user said "I have several galleries and i want all of them to use the same languageList definition.", my suggestion (to just add the languageList manually to all individual galleries) might still be the easiest solution for existing galleries.

However, your suggestion is an excellent idea for creating new galleries going forward.
Thank you for pointing it out.

Go to forum: Juicebox-Pro Support

1,550 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

I don't know why the problem happened in the first place (it sounds like updates to Chrome and Edge might have prevented redirects within iframes from working correctly) but I'm glad that my suggestion worked.
Thank you for letting me know.

Incidentally, just in case you are not aware, you can embed Juicebox galleries directly into WordPress pages and posts (without the need to use iframes) by using the baseUrl method of embedding documented here.
Essentially, once you have created a Juicebox gallery on your computer (perhaps with JuiceboxBuilder), you would upload the complete gallery folder to your web server and paste the baseUrl embedding code into the body of your WordPress page or post (ensuring that the method of entry is 'Text' rather than 'Visual'). It does not matter where on your web server you upload your gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

Also, there is a dedicated Juicebox plugin for WordPress called WP-Juicebox which would allow you to create and manage galleries from within the WordPress dashboard. The plugin handles the embedding of the galleries automatically.
You can download WP-Juicebox from its support page here.

Go to forum: Juicebox-Pro Support