2,126

(1 replies, posted in Juicebox-Pro Support)

Please post the URL to your gallery's web page so that I can take a look at the problem for myself.

In the meantime, please check that your gallery's 'config.xml' file and 'images' and 'thumbs' folders have all been uploaded to the correct location on your web server. (According to the code you posted, they should all be in the same directory as the page containing the embedding code.)

Also, please check that the permissions of the 'config.xml' file and 'images' and 'thumbs' folders (and those of the image and thumbnail files themselves) are not too restrictive. Default permissions of 755 for folders and 644 for files should be fine.
You should be able to check and change file and folder permissions using an FTP program or your web hosting account's online file manager.

This FAQ may also help:
My images show locally, but not when I upload them to my website. Why?

If these suggestions do not help, then I should hopefully be able to determine the cause of the problem once I can see the gallery for myself.

2,127

(3 replies, posted in Juicebox-Lite Support)

I'm glad you've got things working.
Thank you for letting me know.

2,128

(1 replies, posted in Juicebox-Pro Support)

Please see my reply to your query in this forum thread.

2,129

(1 replies, posted in Juicebox-Pro Support)

The og:image entry must be an absolute URL in the form http://www.example.com/gallery/images/image001.jpg
A relative path will not work.

You can either:

(1) Edit your gallery's 'index.html' page in a plain text editor and change:

<meta property="og:image" content="/images/20120317_126-Edit.jpg" />

... to:

<meta property="og:image" content="http://www.judophoto.com.au/judo/kidsjudo/images/20120317_126-Edit.jpg" />

... or:

(2) Rebuild your gallery with the Lightroom plugin and enter your gallery directory's URL (http://www.judophoto.com.au/judo/kidsjudo) as the 'Share Url' in the 'Sharing' section.
The plugin will use this as the first part of the path for the og:image entry (before completing the path to the first image in the gallery).

2,130

(3 replies, posted in Juicebox-Lite Support)

For reference, instructions for installing the Juicebox plugin for Lightroom can be found on the plugin's support page here.

On a Windows PC, you should be able to drag and drop the 'juicebox_lite.lrwebengine' folder onto the Lightroom desktop shortcut. Lightroom should then open with an 'Install Web Layout Style' dialog box.

The 'juicebox_lite.lrwebengine' folder can be found inside the Juicebox-Lite zip package in this location: juicebox_lite_1.4.4.2\adobe-lightroom-plugin\juicebox_lite.lrwebengine.

If this does not work, then you can still install the plugin manually by copying the entire 'juicebox_lite.lrwebengine' folder into Lightroom's 'Web Galleries' folder.

The 'Web Galleries' folder can be found in this location: C:\Users\username\AppData\Roaming\Adobe\Lightroom\Web Galleries\
Note that it is in 'AppData\Roaming\' and not 'AppData\Local\'.

In order to navigate to the 'Web Galleries' folder in Windows File Explorer, you will need to show hidden files.

Alternatively, to get to the 'Web Galleries' folder:
(1) Open Lightroom
(2) Go to 'Edit -> Preferences' from the drop-down menu at the top
(3) Go to the 'Presets' tab
(4) Click the 'Show Lightroom Presets Folder...' button (the C:\Users\username\AppData\Roaming\Adobe\ folder will be opened in Windows File Explorer)
(5) Go inside the 'Lightroom' folder.
(6) Go inside the 'Web Galleries' folder.

The plugin will function exactly the same no matter whether it is installed automatically (via drag-and-drop) or manually.
Whatever method you use, just make sure that you use the 'juicebox_lite.lrwebengine' folder and not the 'adobe-lightroom-plugin' folder.

I hope this helps.

If you continue to experience difficulties, please let me know exactly what steps you take to see the "suchpfad nicht gefunden" message and when the message is displayed. Thank you.

2,131

(3 replies, posted in Juicebox-Lite Support)

As we have to use a picasa url to find the album ID, I hope we'll still be able to use this method in the future when google stop to maintain Picasa.

I hope so, too.

Thanks for the perfect support of your products.

You're welcome!

2,132

(4 replies, posted in Juicebox-Pro Support)

If you are trying to display a new gallery created within the Google Photos interface (rather than trying to display a gallery that was originally created within the old Picasa interface), then you might need to enter the Album Id (instead of the Album Name) and this is not available within the new Google Photos interface.

Visit this URL in your browser and you'll get an RSS feed of your albums.
https://picasaweb.google.com/data/feed/api/user/<User Id>

If you then hover over (or click on) an album, you'll see a 19 digit number at the end of the URL. This is the Album Id which you can use in the WP-Juicebox interface.

I've tested this myself with an album I created today in Google Photos and it seems to work fine.
Here are the details if you'd like to try to display it yourself (just for testing purposes).
Google User Id: 109901943277912891450
Google Album Id: 6278925468933743905

I hope this helps.

Edit:
Also, visit https://picasaweb.google.com/<User Id>/<Album Id> (corresponding to the album that you are trying to display) and, in the right-hand sidebar next to the thumbnail representing the album, make sure that the visibility setting is 'Public on the web'. If the visibility is set to any other value (e.g. 'Limited' or 'Only you'), the click the 'edit' link and select 'Public on the web'.

2,133

(3 replies, posted in Juicebox-Lite Support)

It looks like you might need to enter the Album Id (instead of the Album Name) and this is not available within the new Google Photos interface.

Visit this URL in your browser and you'll get an RSS feed of your albums.
https://picasaweb.google.com/data/feed/api/user/<User Id>

If you then hover over (or click on) an album, you'll see a 19 digit number at the end of the URL. This is the Album Id which you can use in the WP-Juicebox interface.

I've tested this myself with an album I created today in Google Photos and it seems to work fine.
Here are the details if you'd like to try to display it yourself (just for testing purposes).
Google User Id: 109901943277912891450
Google Album Id: 6278925468933743905

I hope this helps.

Edit:
Also, visit https://picasaweb.google.com/<User Id>/<Album Id> (corresponding to the album that you are trying to display) and, in the right-hand sidebar next to the thumbnail representing the album, make sure that the visibility setting is 'Public on the web'. If the visibility is set to any other value (e.g. 'Limited' or 'Only you'), the click the 'edit' link and select 'Public on the web'.

... the image which comes up is always #1.

This looks like it might be a timing issue caused by setting imageTransitionTime="1". If you use the default value of 0.3 instead, you should hopefully find that a URL ending with something like #21expanded displays the expected image.
I have notified the developers of this issue. However, please note that Juicebox was not designed to jump straight into expanded mode and it is not advisable to manually add #expanded to a URL. Juicebox should be expanded using the Expand Button (from a non-expanded gallery) so that it can be expanded appropriately depending on the device being used and configuration options such as expandInNewPage and useFullscreenExpand.

It would also be nice to be able to be able to turn off autoplay with a URL.

If you set debugMode: 'TRUE' in your gallery's embedding code, then you can set configuration options via a query string in the URL as noted in the Setting Config Options support section.
Your gallery's embedding code would look something like:

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

... and you could use a URL such as the following to set autoPlayOnLoad to FALSE:
http://www.example.com/gallery/index.ht … 21expanded

As you are using WP-Juicebox, you can add the debugMode configuration option to all of your galleries by opening the plugin's 'wp-juicebox.php' file in a plain text editor and changing line 285 from:

$string_builder .= '    var jb_' . $clean_gallery_id . ' = new juicebox({' . PHP_EOL;

... to:

$string_builder .= '    var jb_' . $clean_gallery_id . ' = new juicebox({ debugMode: "TRUE",' . PHP_EOL;

Please note that the line number above refers to the current version of WP-Juicebox (v1.4.4.2).

2,135

(4 replies, posted in Juicebox-Pro Support)

... the wordpress plugin, which is not showing me in my WP dash that it needs upgrade.

The WordPress Dashboard will let you know if updates are available only for plugins which are hosted on WordPress's own site. We host WP-Juicebox on our own site (on this web page) and updates have to be performed manually.

I notice that you currently use WP-Juicebox v1.4.0.1.
There have been 8 releases since v1.4.0.1 and many bugs have been fixed, including some relating to Picasa/Google Web Albums. Please see the Version History for details.
I recommend that you upgrade to the current version (v1.4.4.2).
You can download the current version from the plugin's support page and then upload the contents of the zip file to your plugins directory. (You might want to remove the Lite 'jbcore' folder from the plugin before uploading to prevent your Pro 'jbcore' folder from being overwritten.)

I have tried using the User Id and Album Name that you use in your own gallery and your images do not appear so, even with v1.4.4.2, there seems to be a problem with your gallery.
(Incidentally, the correct Album Name is probably 'sketches' rather than the long string from your video.)

When I go to the first link you posted, I am redirected to a Google login page.
Please check that your Google Photos are made public (rather than private).
This may also be a contributing factor to your problem.

With v1.4.4.2 in place and all your photos made public, you should hopefully be able to display your gallery.

You can test that things are working OK by displaying one of my own test albums hosted on Google Photos using the following details. I have just double-checked that this is working OK.
Picasa/Google User Id: 109901943277912891450
Picasa/Google Album Name: TestAlbum

If you can display my gallery but not your own, then at least we know that the WP-Juicebox functionality is working OK on your web server and that the problem lies with your own Google Photo album.

If you cannot display my own gallery, then the problem is with WP-Juicebox on your web server.
If this is the case, then I might need access to your web server in order to run some tests. (We'll cross this bridge later if we need to.)

The suggestions above should at least point us in the right direction.

2,136

(6 replies, posted in Juicebox-Pro Support)

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

2,137

(6 replies, posted in Juicebox-Pro Support)

Thank you for posting the code you are using.

As you are switching between galleries rather than displaying both at the same time, you will need to pass the height for each gallery as a parameter to your loadGallery() function.

Try using the following code for your <body> section. It gives your 'glass3010' gallery a height of '400px' and your 'glass3010Sets' gallery a height of '600px'. (You can change the heights as required.)

<div id="juicebox-container"></div>

<script>

    $(document).ready(function() {
        //load gallery 1
        loadGallery('glass3010/', '400px');
        //initialize top buttons
        $("#button-1").on("click", function(){loadGallery('glass3010/', '400px');});
        $("#button-2").on("click", function(){loadGallery('glass3010Sets/', '600px');});
    });

    function loadGallery(base, height) {
        new juicebox({
            baseUrl: base,
            containerId: 'juicebox-container',
            backgroundColor: 'fff',
            galleryWidth: '100%',
            galleryHeight: height
        });
    }

</script>

2,138

(6 replies, posted in Juicebox-Pro Support)

You can set the height for a gallery in the JuiceboxBuilder-Pro interface (in the 'Customize -> Lite' section).
The chosen height will be included in the embedding code presented on the 'Publish' tab (and in the gallery's 'index.html' page after the gallery has been saved) which you can copy and paste into your own web page.

You can certainly have multiple galleries with different heights embedded into a single web page.

Here's sample code for two galleries (with different heights) being embedded into the same page.
The first gallery on the page has a height of 400px whereas the second gallery on the page has a height of 600px.

<script src="gallery1/jbcore/juicebox.js"></script>

<script>
    new juicebox({
        baseUrl: 'gallery1/',
        containerId: 'juicebox-container-1',
        galleryHeight: '400px',
        galleryWidth: '100%'
    });
</script>
<div id="juicebox-container-1"></div>

<script>
    new juicebox({
        baseUrl: 'gallery2/',
        containerId: 'juicebox-container-2',
        galleryHeight: '600px',
        galleryWidth: '100%'
    });
</script>
<div id="juicebox-container-2"></div>

I hope this helps.

However, if you continue to experience difficulties, please post the URL to your web page so that I can see the problem for myself and hopefully help further.
Thank you.

2,139

(1 replies, posted in Juicebox-Pro Support)

We do not provide any web hosting services ourselves.
If you want your Juicebox galleries to be visible to others on the internet, then you will need to have some web space somewhere to upload your gallery files to.

You could host your images on Flickr and use your Flickr account as the source of images but you'll still need somewhere to upload the core Juicebox files to.

The easiest way to host a gallery is with a regular web host which gives you some web space and allows you to upload files and folders to this web space via FTP.

Try a web search with terms such as 'web hosting' and you will find hundreds (or even thousands) of web hosts, most of which would be fine for hosting Juicebox galleries. Juicebox galleries do not require any special web server requirements. They are essentially just a collection of regular web files (HTML, JavaScript, CSS, font files and images).

Many web hosts offer free accounts which might be enough to get you started. Please note, however, that often you get what you pay for with free hosting and with a paid hosting account you will likely receive better support, more features and greater stability.

An alternative would be to host your gallery with Google Drive following the instructions here.

I hope this points you in the right direction.

2,140

(3 replies, posted in Juicebox-Pro Support)

Due to the nature of how Facebook works (taking the share image from an og:image tag in the web page), it would be very difficult for a gallery which is displayed from a single web page (such as a Juicebox gallery) to have the share image correspond to the image being shared.

I still have the same problems "my users can't post and share the correct photo".

As I mentioned above, although the share image (the thumbnail displayed in the Facebook pop-up share window) will always be the same one, the link being shared will still point towards the correct image in the gallery (the image currently being displayed in the gallery when the Facebook button is clicked).

For Juicebox, you really need to think of the share image as representing the gallery as a whole.
With this in mind, you could change the og:image tag in your gallery's web page to have the share image be any image you like. It does not need to be an image in your gallery.

If you really want to have the share image correspond to the image being shared, then you would need to find a gallery type which creates a separate web page for each image (so that each page/image can have its own og:image entry).
The downside to this type of gallery would be that it would likely be a standalone set of web pages rather than something that you could embed in an existing web page alongside other content (like you can with Juicebox).
Ideally, you would need to find a gallery that not only creates a separate web page for each image but also one that has built-in Facebook support so that og:image entries are generated automatically. Otherwise, it might be quite a time-consuming task to add an og:image entry manually for each image in your gallery.

Unfortunately, off the top of my head, I do not know of such a gallery type and a web search might be helpful.

2,141

(11 replies, posted in Juicebox-Pro Support)

You're welcome.

2,142

(9 replies, posted in Juicebox-Pro Support)

Three weeks have passed and I have had not heard directly from ClamAV regarding the false positive reports I filed but there have been 23 ClamAV virus database updates in this period so, if you have not tried recently, it might be worth uploading a Juicebox album to your web server now to see if it works.
If you do try again, please let me know how you get on.
Thank you.

2,143

(11 replies, posted in Juicebox-Pro Support)

The white space you are seeing below your gallery is part of the 'body' tag (rather than the 'juicebox-container' or 'parent' containers).
You'll need to set the background-color for the 'body' tag, too.
Change:

<style type="text/css">
    body {
        margin: 0px;
    }
</style>

... to:

<style type="text/css">
    body {
        background-color: rgba(17,17,17,1);
        margin: 0px;
    }
</style>

Can I asume that Juicebox always uses % unless I specifically change to pixels?

If you do not explicitly set galleryWidth or galleryHeight in your gallery's embedding code, then default values of 100% will be used.
If you set a value without a '%' character such as:

galleryWidth: "100",

... then Juicebox will read this as '100px', the same as using:

galleryWidth: "100px",

2,144

(3 replies, posted in Juicebox-Pro Support)

It is not possible to have the shared image's thumbnail displayed in the pop-up Facebook share window due to limitations imposed by Facebook on what data can be passed via their share URL. Only one thumbnail image can be used per web page. (The link will still point towards the correct image within your gallery, though.)

The image used in the pop-up Facebook share window is set using an Open Graph og:image meta tag in the <head> section of your web page, such as the following:

<meta property="og:image" content="http://www.example.com/images/thumbnail.jpg" />

Please see here for more details on the Open Graph protocol.

If you create a gallery with JuiceboxBuilder-Pro, an og:image meta tag will be automatically generated and included in the gallery's 'index.html' file (pointing towards the first image in the gallery). If you are embedding your gallery in an existing web page alongside other content, then you will need to add an og:image meta tag manually.

Although the thumbnail image displayed in the pop-up Facebook share window will always be the same one (specified via the og:image meta tag), the link being shared will still point correctly towards the shared image in the gallery. You should notice that the URL being shared ends with something like #2 or #17 where the number represents the image in the gallery. When a user clicks on a shared link, the corresponding shared image will be opened in the gallery.

2,145

(4 replies, posted in Juicebox-Pro Support)

@paul.hunt

I'm glad you've found it.
Thank you for letting me know.

No problem!

2,147

(3 replies, posted in Juicebox-Pro Support)

You're welcome.

In order to not get the "Juicebox can not display locally in this browser." message, the gallery's web page must be viewed over http:// or https:// (or viewed in Firefox or Safari). If the file:/// protocol is used (as it would be for local use), the gallery will fail to display in any browser other than Firefox and Safari.

The gallery structure and location of the 'config.xml' and 'juicebox.js' files (and images) does not matter for this error message.

I'm guessing your mobile app is not loading the web page containing the gallery's embedding code over http:// or https:// (it sounds like everything is hosted locally within the app) which is probably where the problem originates.

2,149

(3 replies, posted in Juicebox-Pro Support)

The backButtonUrl can be:

(1) Absolute, in the form:
backButtonUrl="http://www.example.com/directory/index.html"

(2) Relative to the HTML page containing the gallery's embedding code, e.g:
backButtonUrl="directory/index.html"

(3) Relative to your root directory (using a leading slash in the path to denote your root directory), e.g:
backButtonUrl="/directory/index.html"

If the page you want your Back Button to go to is http://www.yourdomain.com/index.htm and your gallery's web page is located at http://www.yourdomain.com/gallery1/index.html (which I think is correct from what you say), then you could use any one of the following:

backButtonUrl="http://www.yourdomain.com/index.htm"
backButtonUrl="../index.htm"
backButtonUrl="/index.htm"

If you continue to experience difficulties, please post the URL to your gallery and also let me know the actual URL of the page you'd like the Back Button to link to. Thank you.

2,150

(11 replies, posted in Juicebox-Pro Support)

No problem.
I'm glad you've got it working. Thank you for letting me know.