2,901 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

I'm glad you've got it working.
As you noticed, the embedding code on JuiceboxBuilder-Pro's does not include a baseUrl. (JuiceboxBuilder-Pro has no knowledge of where you might upload the gallery folder to on your web server and the 'index.html' page generated by JuiceboxBuilder-Pro does not need a baseUrl to work as all the gallery files are in the same folder as the HTML page.)

I'm glad that you found the example in the baseUrl support section.
Your embedding code is fine. However, there is one minor point. Your embedding code uses two types of path:

  • /wp-content/uploads/juicebox/test_13/jbcore/juicebox.js

  • wp-content/uploads/juicebox/test_13/

The leading slash in /wp-content means that the path is relative to your root directory whereas wp-content (without the leading slash) is relative to the HTML page containing the embedding code.
This works OK in your case as /wp-content and wp-content both resolve to the same location but for consistency (and no other reason), you might want to use the same notation for both paths. (It does not matter which one you choose. They are both equally valid and will both work equally well.)

Go to forum: Juicebox-Pro Support

2,902 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Unfortunately, there is no direct download functionality within Juicebox-Pro.
The best way to download an image currently is to click the 'Open Image' button (to open the image in a browser tab of its own) and then right-click 'Save Image As...'.
Please see this forum post for more information on direct downloading images.
There is also no zooming functionality within Juicebox-Pro.

If you would like to make any suggestions for future versions, please post them 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

2,903 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

The only folder you need to upload to use WP-Juicebox is the plugin folder itself ('wp-juicebox') to the '/wp-content/plugins/' directory.

The '/wp-content/uploads/juicebox/' directory is used internally by the plugin to store files created by the plugin itself.
It is not possible to manually upload files to this directory and have the plugin find them and somehow use them.

The plugin creates its own galleries (from within the WordPress interface) and cannot display galleries which have already been created (for example by JuiceboxBuilder-Pro).

For reference, instructions for using WP-Juicebox can be found here.

If you want to embed a gallery which you have created with JuiceboxBuilder-Pro into a WordPress page or post, then you could use the baseUrl method as documented here.
Essentially, once you have created a gallery with JuiceboxBuilder-Pro, you would upload the complete gallery folder (not just the contents) to your web server and paste the baseUrl embedding code into the body of your WordPress 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.

If you choose to use the baseUrl method, then there is no need to use WP-Juicebox and you should deactivate the plugin to avoid loading the 'juicebox.js' file into your web page twice.

I hope this helps to clarify things.

Go to forum: Juicebox-Pro Support

2,904 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You're welcome.

Go to forum: Juicebox-Pro Support

2,905 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Set showSmallBackButton="TRUE" in JuiceboxBuilder-Pro's 'Customize -> Back Button' section and the Back Button should then display in Small Screen Mode.

Go to forum: Juicebox-Pro Support

2,906 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

The click handlers are generated dynamically by the 'juicebox.js' JavaScript file.
Try something like the following:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    var jb = new juicebox({
        containerId: 'juicebox-container'
    });
    $(document).ready(function() {
        jb.onInitComplete = function() {
            $('.jb-idx-thumb, .jb-idx-thb-frame').off('click');
        };
        jb.onThumbPageChange = function() {
            $('.jb-idx-thumb, .jb-idx-thb-frame').off('click');
        };
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Hopefully this will point you in the right direction.

Please note that my suggestion above uses jQuery. Juicebox comes with its own bundled version of jQuery (within the 'juicebox.js' file) so basic jQuery functionality is available as soon as the 'juicebox.js' file is loaded in the page (and without the need to explicitly include a separate jQuery JavaScript file).
However, if your web page uses any jQuery code at all, I would recommend including a separate jQuery JavaScript file (just in case we remove any jQuery functionality from the 'juicebox.js' file in the future).

Go to forum: Juicebox-Pro Support

2,907 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

I try to embed the Juicebox video code using the <> button on Squarespace, and is says "Invalid Video".

A Juicebox gallery is not a video but a collection of individual images and resource files (such as CSS, JavaScript and font files).
You can embed a Juicebox gallery in a web page following the embedding instructions here.
As Squarespace is not a regular web host (where you can upload Juicebox gallery files to the web space that they provide via FTP), you may need to host your gallery elsewhere (such as Google Drive) and load your gallery into your Squarespace web page using an iframe. Instructions on how to achieve this can be found in the Embedding in a Web Template Site support section.

Go to forum: Juicebox-Lite Support

2,908 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

As far as I am aware, there are no plans to release a new major version (ie. Juicebox v2.0) any time soon.
The next release is likely to be v1.4.4 - a free upgrade for all Juicebox-Pro v1.x users.

Go to forum: Juicebox-Pro Support

2,909 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Pro Support)

No news of a workaround or fix yet but the issue has been logged as a bug and it will certainly be investigated fully.
I will update this thread with any news I have (but, unfortunately, I do not know when this might be).

Go to forum: Juicebox-Pro Support

2,910 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

Go to forum: Juicebox-Pro Support

2,911 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

Go to forum: Juicebox-Pro Support

2,912 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

The error message is displayed because an XML file corresponding to the requested Gallery Id cannot be found (and it certainly looks like it does not exist in the case of your sample web page showing Gallery Id 11). If it has not been deleted, then perhaps there was a problem with the XML file being created in the first place (although if this was true, I would have expected an error during the creation process rather than just when the gallery is displayed).

Please double-check the permissions on your '/wp-content/uploads/juicebox/' directory (where the gallery XML files are stored) to ensure that they are not too restrictive. Default permissions of 755 should be fine.

It looks like there may only be 5 WP-Galleries on your web site (with IDs 1 to 5).
Have you deleted any galleries at any time? (This would account for a gap in the ID numbering but ordinarily should not cause any problems).
Also, how many galleries are listed on the 'Manage Galleries' page and what IDs do they have?

Go to forum: Juicebox-Pro Support

2,913 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Pro Support)

OK. Thanks for trying.
I'll certainly update this thread when I have any news on this issue.

Go to forum: Juicebox-Pro Support

2,914 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

setting 50% height might work at full screen, but not at a tablet size

Your sample gallery is not a fully formed web page. There is no Doctype Declaration, <head> or <body> tags.
After creating your gallery with JuiceboxBuilder-Pro, try using or modifying the gallery's 'index.html' page rather than uploading an HTML file with just the gallery's embedding code. The gallery's embedding code really needs to be within a complete and valid HTML web page, otherwise Juicebox may not be able to determine its actual height (if a percentage height is used) and different browsers may treat the isolated HTML snippet differently. A complete and valid web page should provide more predictable and consistent results across different browsers.

Also, your 'juicebox-container' <div> is nested inside a parent 'container' <div> which has not been assigned a height via CSS. If your gallery's height is defined as 100% (for example), then it will be 100% of the height of the parent container. Try explicitly assigning a height to the parent container via CSS. Please also see the note regarding Using Percentage Heights in the Embedding in a HTML Page support section.

How can I keep the container to the same height as the photo?

If all your images are the same height and you just want your gallery to be taller, then set your gallery's height to be a large fixed pixel value (rather than a percentage).
If you really want to gallery's height to change depending on the height of the image which is currently being displayed, then you will need to use JavaScript to check the image's height (each time a new image is displayed) and adjust the height of the gallery accordingly. You would need to use the Juicebox-Pro API's onImageChange() event and setGallerySize() method.
(Usually, each time a new image is displayed, the gallery's dimensions remain constant and the new image is scaled to fit within the gallery's image area.)

Go to forum: Juicebox-Pro Support

2,915 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

Thank you for the additional information.
I have passed it on to the developers who will investigate further.
I will post back in this thread when I have any further news on this issue.

Go to forum: Juicebox-Pro Support

2,916 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Pro Support)

Thank you for creating a valid test page. At least we can now eliminate HTML errors as being a possible cause of your problem.

A few users have reported a problem on Windows phones whereby a page containing an embedded gallery cannot be scrolled.
I looks like this might be the problem that you are encountering. (I have already notified the developers of this problem.)

Try disabling Reading View in IE11 just in case this is the cause of your problem.

Add the following line of code to your web page's <head> section. Once implemented, the Reading View icon should not appear in the address bar.

<meta name="IE_RM_OFF" content="true">

After making this change, please be sure to clear your browser's cache before reloading your web page.

This may or may not help (another user has tried it without success) but it might be worth trying.
It should be quick and easy to do and might make a difference.

Go to forum: Juicebox-Pro Support

2,917 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

In your '/sites/all/themes/crosscar3/style.css' file, your .cross-nav class has been assigned a z-index value of 100.
Increase this value and your menu should function correctly (overlapping the gallery).
Change line 602 of your 'style.css' file from:

z-index: 100;

... to:

z-index: 9999;

Go to forum: Juicebox-Pro Support

2,918 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Pro Support)

Try fixing the HTML errors on your web page to see if this helps with your first and second problems.
Certain browsers may be more tolerant towards errors than others and this can result in inconsistent behavior across different browsers.
You can check the code on your web page with the W3C Markup Validation Service and then fix the errors reported.
Many of the errors on your web page may seem to be trivial and not directly related to the problems you report but there are a few stray tags on your page resulting in elements which should be closed which are not (and vice versa).
The <div id="juicebox-container"> seems to be caught up in the mix.

With regard to your third issue, when enableDirectLinks="TRUE" (which your gallery uses), each image in the gallery is given a unique URL and clicking the Back Button in a browser will step back through these URLs. This is normal and to be expected.
If you do not want this to happen, then set enableDirectLinks="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) instead.

Go to forum: Juicebox-Pro Support

2,919 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

As long as you use relative paths for your audioUrlMp3 and audioUrlOgg entries (relative to the HTML page containing the gallery's embedding code), the audio should play OK when the gallery is run locally (from a hard drive or a DVD rather than from a web server).

For example, if you create a gallery with JuiceboxBuilder-Pro and then put your audio files (in this example named 'music.mp3' and 'music.ogg') directly in your gallery folder (alongside the 'config.xml' file and the 'images' and 'thumbs' folders), then the audioUrlMp3 and audioUrlOgg entries should look like this:

audioUrlMp3="music.mp3"
audioUrlOgg="music.ogg"

For another example, if you created a new folder named 'audio' inside your gallery folder and put your audio files inside this folder, then the audioUrlMp3 and audioUrlOgg entries should look like this:

audioUrlMp3="audio/music.mp3"
audioUrlOgg="audio/music.ogg"

Please note that Juicebox galleries will run locally only in Firefox and Safari. Please see this FAQ for details:
When I view my gallery locally, I see the message "Juicebox can not display locally in this browser". Why?

Go to forum: Juicebox-Pro Support

2,920 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

If you enter embedding code directly into the body of a WordPress page or post, make sure that the method of entry is 'Text' (which respects HTML code) and not 'Visual' (otherwise you will just see the code that you enter on the screen instead of the gallery).

Also, if you use the embedding code you posted above, you would need to upload the contents of your gallery folder to the same directory as the HTML page which contains the embedding code. This might be difficult to determine in a WordPress environment and I would recommend using the baseUrl method as described here.

Essentially, once you have created a gallery with JuiceboxBuilder-Pro, you would upload the complete gallery folder (not just the contents) to your web server and paste the baseUrl embedding code into the body of your WordPress 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.

Another problem i ran into; the shopping car is gone on the mobile version.

Shopping Cart functionality is disabled in Small Screen Mode as most mobile device screens are not large enough to accommodate the size of the Fotomoto pop-up window. This is noted in the 'Additional notes' section of the Shopping Cart support page.

Go to forum: Juicebox-Pro Support

2,921 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

Whatever software package you use to create your web page, make sure that you enter the embedding code as raw HTML code and not as plain text.
For example, if using Dreamweaver, please check your input mode. You should enter the embedding code in 'View -> Code' mode rather than 'View -> Design' mode.

Go to forum: Juicebox-Pro Support

2,922 Reply by Steven @ Juicebox

(27 replies, posted in Juicebox-Pro Support)

After notifying the developers, it has now been logged as a bug. I do not know the exact cause of the problem and being logged as a bug does not necessarily mean that the problem lies squarely with Juicebox but it does mean that it will be investigated further.

Go to forum: Juicebox-Pro Support

2,923 Reply by Steven @ Juicebox

(33 replies, posted in Juicebox-Pro Support)

I now placed that doLayout(); into just gall03d, but I could not (yet) find any difference between 03c and d. What should I look for?

With the extra doLayout() in place, the gallery should take up all of the browser window. Previously, even though the header was removed from the page, the header's height was still being subtracted from the total height (the initial drawing of the gallery was done before the header was removed) resulting in the gallery not filling the total height available (and there would be an area beneath the gallery equal to the header's height). It might not have been noticeable, especially if the header and gallery background colors were similar.

In landscape mode the top and bottom bars disappear completely, but not in portrait mode. Not that it matters, but why is that?

I think that's just the way that Apple designed Mobile Safari with an easy way to go fullscreen but only in landscape mode (via the arrow icon button in the lower right corner of the bottom toolbar).

Go to forum: Juicebox-Pro Support

2,924 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

There seems to be a problem with being able to scroll down pages containing embedded Juicebox galleries on Windows Phones using Internet Explorer 11.
Unfortunately, I do not have a solution or workaround at the moment but I have notified the developers of this issue.

@Tommy-informatique
Please let me know what mobile devices and browsers (and version numbers) you see the problem in.
The more information I can pass on to the developers, the better.
Thank you.

Go to forum: Juicebox-Pro Support

2,925 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

Your gallery seems to display and function OK on an iPod Touch and I am also able to scroll down the page OK.

Please let me know what mobile devices and browsers (and version numbers) you see the problem in. Thank you.

Also, when scrolling down a page, try to tap in areas other than the gallery. If you initiate a scroll gesture inside the gallery, Juicebox may interpret the tap as the start of a swipe gesture instead and the page may not scroll.

Go to forum: Juicebox-Pro Support