2,626 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

The first step would probably be to set enableDirectLinks="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) so that each image in the gallery has its own unique URL in the form: http://www.example.com/gallery/#7 where the number after the # is the image number in the gallery.
A brief description of enableDirectLinks can be found in the General section of the Config Options page.

The next step would likely be to enable Google Analytics to allow anchor tracking by including location.hash in your Google Analytics code.
Try a web search with terms such as 'google analytics anchor tracking' for more information.

I cannot be sure that this will work but I hope it at least points you in the right direction.

Go to forum: Juicebox-Pro Support

2,627 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

2,628 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Are you perhaps trying to view your gallery using http://joaqimb.be instead of http://www.joaqimb.be?
You have hardcoded the 'www' subdomain into the paths in your embedding code so your gallery will display only when using the 'www' subdomain.
Please see this FAQ for details and a solution.
My gallery works on 'www.example.com' but not on 'example.com' (or vice versa). Why?

In your case, paths such as the following should work fine:

<script src="/JbMuzeuml/jbcore/juicebox.js"></script>
baseUrl: "/JbMuzeuml/",

(The leading slash in the paths denotes your root directory.)

Hopefully this will solve your problem.

Go to forum: Juicebox-Pro Support

2,629 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

As far as I am aware, there has been no change to the Pinterest code within Juicebox-Pro since it was introduced.
Juicebox-Pro just opens a new window with the Pinterest URL and whatever is displayed in the window is determined by Pinterest. Any difference in what you see in the window (ie. logging in first) might be due to changes at Pinterest's end.

If you see different behavior in different versions of Juicebox-Pro, then please let me know which versions you use so that I can investigate further. Thank you.

Go to forum: Juicebox-Pro Support

2,630 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

There is no API method which will display a separate page of thumbnail images unless your gallery is being displayed in Small Screen Mode where toggleThumbs() will switch between the thumbnail page and the main image page. Try setting screenMode="SMALL" to see if this is more what you are after.

So I need a way to get the thumb image urls.

If you want to get a list of all thumbURL entries in a gallery, this can be done as follows.

<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
    var jb = new juicebox({
        containerId: "juicebox-container",
        galleryHeight: "400",
        galleryWidth: "600"
    });
    var thumbs = [];
    jb.onInitComplete = function() {
        var total = jb.getImageCount(), info, thumb;
        for (var i = 1; i <= total; i++) {
            info = jb.getImageInfo(i);
            thumb = info.thumbURL;
            thumbs.push(thumb);
        }
    };
</script>

All the thumbURL entries are stored in an array (named 'thumbs' in the example above) and you can use this information as you like. For example, you could iterate over the array and display all the thumbnails using <img> tags (using the information in the array as the 'src' attributes).

Go to forum: Juicebox-Pro Support

2,631 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Please try fixing the HTML errors on your web page with the W3C Markup Validation Service: https://validator.w3.org/
Your web page currently has 3 opening <body> tags and 5 closing </body> tags. Each web page should have only one of each.
When the code on your web page validates correctly, your web page should be rendered with greater predictability and consistency across different browsers.

I notice that your galleries all have heights of 40%.
Try setting you gallery heights to fixed pixel values (such as 600px), at least while troubleshooting, in case your problems are somehow related to having small percentage heights.
Please see this note regarding Using Percentage Heights.

Also, the cause of your problem could be a CSS conflict. Please check your custom CSS files to make sure that you are not setting any global CSS rules which apply to all images on your page (all <img> tags) as the gallery will have no option but to inherit such rules and they will apply to all images within your gallery as well as images elsewhere on your page.

Go to forum: Juicebox-Pro Support

2,632 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

On the demo I saw on your live site the thumbs button opened a responsive view of a page with multiple rows of thumb images depending on screen size. I'm not sure which event I need in order to get that display.

You can use the toggleThumbs() API method to toggle the thumbnails on and off. (Check the source of the API demo in your browser to see the code that is used.)
If you set both showThumbsOnLoad and showSmallThumbsOnLoad to either TRUE or FALSE, then you will know the status of the thumbnails when the gallery is loaded and you should be able to keep track of whether or not they are currently visible and whether or not you need to toggle them.

Go to forum: Juicebox-Pro Support

2,633 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

I have viewed your Juicebox-Pro gallery (on your 'Ausstellungen' tab) in Chrome and Mobile Safari on an iPod Touch and the gallery displays and functions fine. I have also checked the paths to all your image sizes and they seem to be fine.

Maybe you could implement the solution in the FAQ I posted above (it cannot do any harm) and clear your browser's cache before reloading your web page to see if this makes a difference. If not, perhaps you could upload a screenshot somewhere (a file sharing site such as Dropbox) so that I can see what you are seeing. (Is there a blank space where the gallery should be or is there no gap at all between your menu and your footer?)

Go to forum: Juicebox-Pro Support

2,634 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

The configuration options need to be set before the gallery is loaded which happens before you are able to use getScreenMode() but you could perhaps reload the gallery with different configuration options if Small Screen Mode is being used.

Go to forum: Juicebox-Pro Support

2,635 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

It looks like you might have already solved your problem. You have managed to embed both galleries successfully into you http://albertaoverheadcrane.com/gallery/index.html page.
(Your http://albertaoverheadcrane.com/gallery/gallery.html page does not seem to exist.)

The galleries are embedded correctly and display and function fine but there are some HTML errors on your page.
All your <h2> and <div> tags should go inside the <body> section rather than the <head> section of your web page.

You can check the code on your web page with the W3C Markup Validation Service and then fix the errors reported.
https://validator.w3.org/

Your embedding code is absolutely fine for both galleries (you load the 'juicebox.js' file just once per page, the baseUrl entries point correctly towards the gallery folders and you embed each gallery into a unique container on your page).

As I mentioned, other than a couple of HTML errors, it looks like you might have already solved your problem.
However, if you are still having difficulties, please let me know and I'll try to help you out further.

Go to forum: Juicebox-Pro Support

2,636 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

@sziegelmeyer

It sounds like you might have a different problem to the original poster.
The original poster was having trouble opening a gallery in the JuiceboxBuilder-Pro desktop application (ion order to edit the gallery).
From what you say:

When I try to open the galleries in a web browser I get the "cannot load config.xml file".

... your problem seems to be with viewing the galleries in a browser.

Please take a look at this FAQ to see if it helps.
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?

Also, if you are trying to open your galleries locally (from your computer rather than from your web server), then please see this FAQ:
When I view my gallery locally, I see the message "Juicebox can not display locally in this browser". Why?

If this does not help, then please post the URL to your gallery so that I can take a look at the problem for myself and hopefully help further. Thank you.

Go to forum: Juicebox-Pro Support

2,637 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Lite Support)

That's great! I'm glad you've got the new version installed and working.
Thank you for posting back to let me know.

Go to forum: Juicebox-Lite Support

2,638 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

The size of the Button Bar icons is set via the buttonBarIconSize configuration option (default value '20'). The Button Bar icons will always be displayed at the size specified via this option (and will wrap if necessary) and will not auto-scale depending on the number of icons being used. This is true in both Small and Large Screen Modes.

For reference, the Button Bar configuration options can be found here.

Go to forum: Juicebox-Pro Support

2,639 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Lite Support)

Your web page seems to load pretty quickly for me. The first image in your gallery was fully displayed in just a few seconds (in several different browsers with no cached pages).

Please see this forum post for more information which may help.

The one thing that is most likely to make a difference is to change imagePreloading from its default value of 'PAGE' to 'NEXT' so that only one image, rather than all the images on the first thumbnail page (10 images in your case), is preloaded when the gallery is first displayed. This will reduce the initial load on the user's browser.
However, please note that imagePreloading is a Pro-only configuration option which is not supported in Juicebox-Lite.

Go to forum: Juicebox-Lite Support

2,640 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Lite Support)

I've just double-checked and the current version of the plugin definitely reads "Juicebox-Lite Lightroom Plugin v1.4.4.1" in the 'Site Info' section so it sounds like you might be using some older plugin files.

Try reinstalling the current version of the plugin from scratch.
Download the latest Juicebox-Lite zip package from the link on the download page, delete the existing 'juicebox-lite.lrwebengine' folder from your '/Lightroom/Web Galleries/' folder and install the plugin from the 'juicebox_lite_1.4.4.1.zip' package following the instructions on the plugin's support page.

This should hopefully solve your problem.

Go to forum: Juicebox-Lite Support

2,641 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

If nothing is showing on your mobile device, then please make sure that you are viewing your gallery over a wi-fi connection and not 3G or 4G.
Please see this FAQ:
Why can't I view my gallery on a 3G mobile connection?

Hopefully the suggestion in the FAQ will solve your problem. If not, then please post the URL to your gallery so that I can take a look at the problem for myself and hopefully help further. Thank you.

Go to forum: Juicebox-Pro Support

2,642 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

No problem.
I'm glad you've been able to figure out what was causing your problem.
Thanks for posting back to let me know.

Go to forum: Juicebox-Pro Support

2,643 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

Adobe have discontinued Extension Manager (please see here for details) and, according to this page, it should no longer be possible to use Extension Manager to install the .zxp version of the plugin in Photoshop CC 2015.

Note:

In Photoshop CC 2015, you can no longer install add-ons directly using Extension Manager. Instead you must use the Creative Cloud desktop app.

(Incidentally, contrary to this information, I have been able to install the .zxp version of the plugin in Photoshop CC 2015 using Extension Manager CC v7.3.2.39 on PC.)

Instead, visit the plugin's web page on the Adobe Add-ons site: https://creative.adobe.com/addons/products/2465
... and click the 'Free/Install' button.
Make sure that you have File Sync enabled in your Creative Cloud desktop app ('Tools -> Preferences -> Creative Cloud -> Files -> Sync').

This should work fine (it has been tested with the latest version of Creative Cloud desktop app v2.2.0.129) but if you have any problems, just download the CS2, CS3 and CS4 .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 the .zxp version. Only the packaging of the files differs between the two.

Go to forum: Juicebox-Lite Support

2,644 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

The iPhone 5s has a screen resolution of 1136 x 640 which is a very slightly different aspect ratio to 1280 x 720.
To fill the screen completely, your images would need to be 1278 x 720.
If the white border you see is very thin (just one or two pixels), then this difference in aspect ratios might account for the problem. Try using images of 1278 x 720 instead, or set imageScaleMode="FILL" so that your images are scaled up to fill the gallery's image area. With your images having an aspect ratio so close to that of the viewport, there will be very little cropping required to fill the image area.

If this does not help, then please post the URL to your gallery so that I can take a look at the problem for myself.
You can't post images here in the forum but you can upload them to a file sharing site such as Dropbox.

Go to forum: Juicebox-Pro Support

2,645 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

2,646 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

Go to forum: Juicebox-Pro Support

2,647 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Try setting captionPosition to anything other than "NONE" and then set maxCaptionHeight="0".
This should prevent the captions from being displayed in the gallery but they should still be used in Pinterest.

Go to forum: Juicebox-Pro Support

2,648 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

I'm glad you have found the root of your problem. Thank you for posting back to let me know.

... a common solution to centre align the main container for IE.

If you want to horizontally centre a Juicebox gallery container within its parent container, then try the following:

<div id="juicebox-container" style="margin: 0 auto;"></div>

Go to forum: Juicebox-Pro Support

2,649 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

If your source .png files are not too large (file size), then you might still be able to create a gallery with them by deselecting the 'Resize Images' checkbox. (Juicebox will dynamically scale them down to fit within the gallery's image area.)

I know it's an extra step in your workflow but, until the bug is fixed, after creating your gallery, you could rename your files to have the correct .png file extensions and then change the references to them (the imageURL entries) in the gallery's XML file.
A bulk rename utility and a global search and replace action in a text editor should allow you to do all this quite quickly.

Go to forum: Juicebox-Pro Support

2,650 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

It looks like your embedding code should work fine as long as the page with the embedding code is on the same domain as your gallery files. All gallery files should be on the same domain (or subdomain) as the web page containing the gallery's JavaScript embedding code due to the same-origin policy. Please see here for details: https://developer.mozilla.org/en-US/doc … gin_policy

If the page with the embedding code and your gallery files are on different domains, then you may need to implement a Cross-Origin Resource Sharing (CORS) solution. More information about CORS can be found here: http://www.w3.org/TR/cors/

If you have an Apache server, add the following line of code to the .htaccess file in the root directory of the domain which hosts the gallery folder.

Header add Access-Control-Allow-Origin "*"

If you have an IIS server, then please see this link for a similar solution: http://enable-cors.org/server_iis7.html

If this is not the problem and you continue to experience difficulties, then please post the URL to the web page into which you are trying to embed your gallery so that I can take a look at the problem for myself and hopefully help further.

For reference (and to help anyone else reading this thread), instructions for embedding a Juicebox gallery into Adobe Muse can be found here.

There are alternate embedding instructions here: http://www.muse-themes.com/blogs/news/6 … adobe-muse

Go to forum: Juicebox-Lite Support