1,926

(3 replies, posted in Juicebox-Lite Support)

By default, Juicebox will scale down large images to fit within the gallery's image area as large as possible whilst respecting their aspect ratios and without cropping. However, small images will not be scaled up (as this may decrease their visual quality).

If you find you have space surrounding you images, then make sure that your images are large enough that they would need to be dynamically scaled down slightly by Juicbox when the gallery is displayed. This will ensure that they are displayed as large as possible without cropping or stretching within the given area.

If you still have space to the top and bottom or to the left and right of your images, then please see this FAQ:
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

Juicebox-Pro users have the option to change the way that images are scaled within the gallery's image area via the imageScaleMode configuration option. Possible values are SCALE_DOWN, SCALE, FILL, STRETCH and NONE.
Short descriptions of each of these values can be found in the Main Image Options section of the Config Options page.

Please note that imageScaleMode is a Pro-only option which is not supported by Juicebox-Lite (the free version).

1,927

(3 replies, posted in Juicebox-Pro Support)

As noted in the Picasa Web Albums Data API developer's guide:

Note: The entries in a feed are ordered based upon the display order on the web site.

There does not seem to be a method in the API to request images in a specific sort order.

You'd need to fetch the images first and then sort the array (by image filename) manually afterwards.

Try the following.
Open the plugin's 'wp-juicebox.php' file in a plain text editor, scroll down to line 1351 and replace:

function get_attachments_picasa($picasa_user_id, $picasa_album_name) {
    $attachments = array();
    $name = $this->remove_whitespace($picasa_album_name);
    $term = preg_match('/^[0-9]{19}$/', $name) ? 'albumid' : 'album';
    $picasa_feed = 'http://picasaweb.google.com/data/feed/api/user/' . $this->remove_whitespace($picasa_user_id) . '/' . $term . '/' . $name . '?kind=photo&imgmax=1600';
    $entries = @simplexml_load_file($picasa_feed);
    if ($entries) {
        foreach ($entries->entry as $entry) {
            $attachments[] = $entry;
        }
    }
    return $attachments;
}

... with:

function get_attachments_picasa($picasa_user_id, $picasa_album_name) {
    $attachments = array();
    $name = $this->remove_whitespace($picasa_album_name);
    $term = preg_match('/^[0-9]{19}$/', $name) ? 'albumid' : 'album';
    $picasa_feed = 'http://picasaweb.google.com/data/feed/api/user/' . $this->remove_whitespace($picasa_user_id) . '/' . $term . '/' . $name . '?kind=photo&imgmax=1600';
    $entries = @simplexml_load_file($picasa_feed);
    if ($entries) {
        foreach ($entries->entry as $entry) {
            $attachments[] = $entry;
        }
    }
    usort($attachments, array(&$this, 'sort_picasa_images'));
    return $attachments;
}

function sort_picasa_images($a, $b) {
    $a_filename = basename($a->content->attributes()->src);
    $b_filename = basename($b->content->attributes()->src);
    return strnatcasecmp($a_filename, $b_filename);
}

Hopefully this will work for you.
Please note that the line number above refers to the current version of WP-Juicebox (v1.5.0).

1,928

(2 replies, posted in Juicebox-Pro Support)

Thank you for providing the URL to your gallery's web page.
I think the problem might be that your URL includes an IP address and a port number.
Try using your domain name instead (for your shareURL and when you access your web pages in your browser).
Hopefully this will solve your problem.

1,929

(4 replies, posted in Juicebox-Pro Support)

Thank you for providing the URL to your gallery's web page.
It looks like you may have copied and pasted some code from the 'jbcore/full.html' file.
Remove the following line from the top of your gallery's embedding code and your firstImageIndex should be respected.

var expanded_jb_gallery = true;

This variable is for internal use only (from within the 'full.html' file) when the gallery is expanded in a new page of its own.
For reference, the standard embedding code that should be copied and pasted into your own web pages can be found here.

1,930

(2 replies, posted in Juicebox-Pro Support)

WP-Juicebox (the Juicebox plugin for WordPress) supports only one gallery per page or post.
If you want to embed multiple galleries on a single page or post, you'll need to embed them manually.
I would recommend using the baseUrl method of embedding 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 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.

As you have already uploaded a complete gallery folder ('jbox') to your web space's root directory, you can use the following embedding code. The leading slashes in the paths denote your root directory so the embedding code will work in any web page throughout your site without any modification (although you can change the gallery dimensions and background color if required).

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

Notes regarding embedding multiple galleries in a single page or post

(1) Make sure that you embed each gallery into a container with a unique containerId/id.
(2) Load the 'juicebox.js' file only once per web page (not once per gallery).

For example, if you uploaded a second gallery folder ('jbox2') to your root directory alongside your current gallery folder ('jbox'), then you could embed the two galleries in a single page or post using the following embedding code:

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

<script>
    new juicebox({
        baseUrl: "/jbox/",
        containerId: "juicebox-container1",
        galleryWidth: "100%",
        galleryHeight: "600",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container1"></div>

<script>
    new juicebox({
        baseUrl: "/jbox2/",
        containerId: "juicebox-container2",
        galleryWidth: "100%",
        galleryHeight: "600",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container2"></div>

1,931

(2 replies, posted in Juicebox-Pro Support)

Please post the URL to your gallery's web page so that I can see the problem for myself.
Also, please let me know what share button you are having trouble with.

I have added shareURL to config.xml file.

Incidentally, the shareURL is used only by JuiceboxBuilder-Pro to create an accurate absolute path for the 'og:image' meta tag in the gallery's 'index.html'.
(The shareURL is not used by Juicebox itself when the gallery is being displayed.)

As noted in the Sharing Options section of the Config Options page, the shareURL should be defined as follows:

Absolute URL of the gallery, used for sharing purposes. This should be the absolute URL of the web page the gallery is embedded in, not including the HTML file name, for example: "http://www.example.com/mygallery/". This URL is used to populate the sharing content.

If you are not using the 'index.html' page created by JuiceboxBuilder-Pro (and are embedding the gallery in another web page), then be sure to add your own Open Graph tags to your gallery's web page.
For example:

<!-- START OPEN GRAPH TAGS-->
<meta property="og:title" content="Juicebox Gallery" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://www.example.com/images/IMG_0001.jpg" />
<meta property="og:description" content="" />
<!-- END OPEN GRAPH TAGS-->

1,932

(4 replies, posted in Juicebox-Pro Support)

Please post the URL to your gallery's web page so that I can see the problem for myself.
(Using the code you posted in a test gallery seems to work fine.)
It would help to see what version of Juicebox you are using, what other configuration options your gallery uses and what other code you have on your gallery's web page.
Thank you.

1,933

(5 replies, posted in Juicebox-Pro Support)

I'm glad you've been able to find the source of your problem.
Thank you for posting back to let me know.

1,934

(5 replies, posted in Juicebox-Pro Support)

Thank you for the link.
I see the problem in your own gallery but I have not been able to replicate the problem in a test gallery of my own (using 'Small' and 'Medium' images of the same dimensions as yours, the same configuration options that your gallery uses, the same 'index.html' page code and the same version of Juicebox-Pro).

If it's any indication of the problem, if you open one of the images in a new window (via Juicebox's 'Open Image' button), the image is still displayed very small. After clicking the 'Open Image' button, the image is displayed directly in the browser (with no HTML code at all) and Juicebox is no longer part of the equation.
On a retina display mobile device, the 'Medium' images should be displayed in the gallery and it should also be the 'Medium' images that are opened in a new window.
I would not expect to see such a small image when opened directly in a browser (your images do not appear to be that small).

I don't see anything obviously wrong with your gallery and cannot replicate the problem myself.
The most obvious difference between your own setup and mine is the web server so I'm wondering if there might be something going on server-side that is somehow causing the problem.
Maybe there's some server-side caching going on or perhaps use of a CDN which is currently serving older, smaller versions of your images.
It's all I can think of at the moment. If I think of anything else, I'll be sure to post back.

In the meantime, try creating a fresh gallery with different image ilenames that you know have not been cached anywhere (just rename your images) to see if this makes a difference.

Also, although there is no reason why your gallery with 'Small' and 'Medium' images should not work well, you could try creating a gallery with just 'Medium' images to see if this helps.

1,935

(5 replies, posted in Juicebox-Pro Support)

The problem might be caused by some custom CSS on your web page which is overriding the gallery's own CSS.
It might help to know other factors such as what version of Juicebox you are using, what meta 'viewport' tag your web page uses (if any), what dimensions your images are and what configuration options your gallery uses.

Please post the URL to your gallery's web page so that I can take a look at the problem for myself.
Please also let me know what device and browser(s) you see the problem in.

Once I am able to see the gallery for myself, I should hopefully have a better idea of what the problem could be.
Thank you.

Edit:
Maybe you are using a Multi-Size Image gallery with very small 'Small' images. The 'Small' image size would be used only in Small Screen Mode (on mobile devices) and small images would not be scaled up by default when using imageScaleMode="SCALE_DOWN".
(That's my best guess without being able to see the gallery.)

1,936

(8 replies, posted in Juicebox-Pro Support)

Will install from zip as suggested.

That should certainly work fine.

Although the auto-install mechanism works OK for myself, I see a lot of disgruntled users on the Adobe forums. It seems that add-on installation is causing many users problems (sometimes it works, sometimes it does not). Take a look at this forum thread as an example: https://forums.adobe.com/thread/1901283

Maybe the suggestion posted by rndllcprn in the thread will help:

Fixed it by signing-out of Creative Cloud, restarting and opening Photoshop CC 2015 and signing-in from there. Add-ons installed a few seconds after.

1,937

(8 replies, posted in Juicebox-Pro Support)

It sounds like you are doing everything as you should.
The current version of the Juicebox plugin for Photoshop (v1.5.0) hosted on the Adobe Add-ons website has been tested with Photoshop CC 2015.5 and auto-installs successfully via the Creative Cloud Desktop App on my own system.

4. Followed all instructions. No errors or strangeness.

You should get a confirmation message in the Creative Cloud Desktop App's 'Home -> Activity Stream' to let you know that the plugin installed successfully.
The only problem I encountered whilst testing the auto-install was when I installed a new version of Photoshop alongside an older version. I found I had to reboot before attempting the plugin installation again.
Make sure that your Creative Cloud Desktop App is up to date (v3.8.0.310). If you are not already using the latest version, updating it might make a difference.

If you are having trouble with the auto-install mechanism, I would recommend installing the plugin manually.
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 the .zxp version. Only the packaging of the files differs between the two.

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

It looks like you'll need to break out of PHP to enter the gallery's HTML embedding code and open up a new PHP section after the embedding code:
Try replacing:

echo ' **code goes here to work with logged-in users of SMF**  ';

... with:

?>
<script src="https://www.mydomain.tld/storage/support/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: 'https://www.mydomain.tld/storage/pictures/galleries/',
        containerId: 'juicebox-container',
        galleryWidth: '100%',
        galleryHeight: '500px',
        backgroundColor: '#222222'
    });
</script>
<div id="juicebox-container">
    <noscript>
        <p>You need Javascript to view the gallery on this page.</p>
    </noscript>
</div>
<?php

Hopefully this will work for you.

1,940

(6 replies, posted in Juicebox-Pro Support)

Not yet.
You could override Juicebox's own click handler for the Email Button with your own (to use your own subject text) but I'm not sure exactly what Edge and Internet Explorer are choking on so you might encounter the same problem.
However, if you'd like to try it, you could use something like the following:

<script src="jbcore/juicebox.js"></script>
<script>
    var jb = new juicebox({
        containerId: "juicebox-container",
        showEmailButton: "TRUE"
    });
    jb.onInitComplete = function() {
        $('.jb-bb-btn-email').off('click');
        $('.jb-bb-btn-email').click(function() {
            window.location.href = 'mailto:email@address.com?subject=Gallery&body=Image No. ' + jb.getImageIndex();
        });
    };
</script>

This workaround uses the Juicbox-Pro API, specifically the onInitComplete event and the getImageIndex method (to fetch the current image number to be used in the email subject).

You're welcome!

You're welcome!

You're welcome!

If you use Showkase for your website and Juicebox galleries, then there will be no need to worry about any embedding code or file structure. Showkase will handle it all for you.

Don't forget that 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.

If you do purchase Showkase, be sure to check out the Getting Started guide here.

Web hosting is probably not as daunting to get to grips with as it first seems.

Once you're signed up for a hosting plan (whether free or otherwise), your web host will assign you some web space. Unless you have purchased your own domain name (from a domain name registrar), your web space will likely be a subdomain of the hosting company (e.g. http://your_name.web_host_name.com).

Next, you will need to set up an FTP (File Transfer Protocol) account. FTP is just a way to copy files from your computer to your web space (on your web host's server).
You should be able to do this via your web host's online control panel. (Your web host should be able to help you with this.)

Once you have an FTP account, you can log into your web space with an FTP program such as Filezilla (free) using the credentials supplied by your hosting company (host, username and password).
When you log in to your web space, you will likely find a folder named 'public_html'. This is the folder that you will upload files to for them to be publicly accessible on the internet.
Uploading a gallery folder from your computer to your web space is essentially just a single drag-and drop action within Filezilla's interface.

Details will vary slightly between hosts but these are the basics. Your web host should be able to fill in the blanks and help you out with any problems you encounter along the way. Of course, I'll be happy to help with any Juicebox-related issues so post back here if you get stuck.

Take a look at the links below for more information.
How to Choose a Web Host: http://www.wikihow.com/Choose-a-Web-Host
FTP: http://www.wikihow.com/Use-FTP

I hope this helps.

1,945

(496 replies, posted in Juicebox-Pro Support)

@bherman

Thank you very much for your suggestions.

2) implement "Using a Resizable Gallery with a Header" as mentioned in the embedding guide.

I realise that you have seen this yourself but for other users reading your suggestions, there is a single-page solution which might be useful in this forum post.

Google Drive discontinued the ability to host web pages on 31 August 2016 and Dropbox will follow suit on 3 October 2016.
With this development, we have changed our Embedding in a Web Template Site instructions and now recommend the use of a regular web host (which provides web space that you can upload your gallery files to via FTP).

There are many web hosts that offer free web space which should be suitable for hosting a Juicebox gallery.
A Juicebox gallery does not require any special web server requirements (although PHP v5.2.0 or later is required for Password Protection and Direct Download functionality) so a free hosting account may be all that you need.
Please see the System Requirements for further details.
Try a web search with terms such as 'free web hosting' but please bear in mind that with a free hosting account, you will likely get little or no support, less reliability (more server down-time) and fewer features than with a paid account.

I hope this points you in the right direction.

1,947

(6 replies, posted in Juicebox-Lite Support)

When I use the open button, the file handling window comes up and I can navigate fine but nothing happens when I select the folder you refer to.

Please double-check that the gallery folder you are selecting has a 'config.xml' file inside it.
(JuiceboxBuilder will not open a gallery where the XML file has been renamed or moved.)

Also, make sure that the gallery folder you are trying to open is not in a restricted file system or on a network drive.
Try moving the gallery folder to your Desktop (or a differently location to where it currently is) and try opening it from there.

Also, it might be worth checking to see if you have any security software installed which might somehow be interfering with JuiceboxBuilder's functionality. If you do have any security software installed, make an exclusion rule for JuiceboxBuilder to see if this helps.

1,948

(3 replies, posted in Juicebox-Pro Support)

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

1,949

(2 replies, posted in Juicebox-Pro Support)

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

For other users reading this thread, here are a few notes for clarification.

How do I get the current version of JB Builder 1.5?

Upgrades are free within the same major version number.
You can use the link from your purchase email to download the latest version of Juicebox-Pro.
The download link always points towards the latest version rather than the version you purchased.
Please see the Upgrading Juicebox support page for more details.

... according to the JB site, the desktop version is supposed to be free, or is that a typo?

Juicebox-Lite is free (Juicebox-Pro is not).
Juicebox-Lite comes with JuiceboxBuilder-Lite (the desktop application) and the Lite version of the Lightroom plugin.
Juicebox-Pro comes with JuiceboxBuilder-Pro and the Pro version of the Lightroom plugin.
Lite versions of JuiceboxBuilder and the Lightroom plugin feature only Lite configuration options whereas Pro versions feature all configuration options.

Juicebox-Lite can be downloaded from (and Juicebox-Pro can be purchased from) this page.

Instructions for installing JuiceboxBuilder can be found in the User Guide. You can upgrade JuiceboxBuilder by just running the new 'JuiceboxBuilder.air' file. However, if you are upgrading from a very old version of JuiceboxBuilder, you might find that you need to uninstall the old version first before installing the new version.

Should I use this method for all the different pages or is there a more efficient (easier) way to do it?

I guess it's a personal thing (organizing files on a web server) and there are certainly a number of different ways you could arrange things with the availability of the configUrl and baseUrl configuration options and the possibility of storing all your images in a single folder.

However, here's what I'd do.
I'd keep each gallery in a separate folder and embed the galleries using the baseUrl method (as you currently do for your 'Clay_School' gallery).
I find that this helps to keep things organized. You know exactly where all the files for each gallery are. There is no need to search through a single folder of images wondering which images are for which gallery.
Also, if you ever need to edit or update the gallery in the future, all you need to do is swap out the gallery folders (new for old).

I'd also have all galleries share a single instance of the 'jbcore' folder. Please see the Using an External jbcore Folder for details.
Basically, you'd just upload a single 'jbcore' folder for all your galleries to share.
For each gallery, you'd just point towards the shared 'jbcore' folder.
This has the advantage of being able to upgrade all the galleries on your web site at once (for example when a new version of Juicebox is released) by replacing just a single 'jbcore' folder on your server.
This means that the 'jbcore' folders in all your gallery folders are redundant. You can leave them in place if you want (they'll do no harm other than take up a bit of space) or delete them.

I hope this helps.