1,326

(19 replies, posted in Juicebox-Pro Support)

This works as it should be,  but i cannot go back to my site so i will buy the pro version.

With Juicebox-Pro, you'll certainly be able to use the Back Button to provide visitors to your website with a way back to your gallery index page.

Do you know if is it possible to use the juiceboxlinks for example as a "splashpage" under each little photo (on    http://www.ppphoto.nl/Portfolio_nieuwste%20series.html  so that i every time return to that page and be able to open another album on another picture ?

You could embed all your galleries on your main overview page (please see the Embedding Guide for details) and use the Splash Page for every one (so that a mini Splash Page expands each gallery when clicked and the visitor would be able to return to your gallery index page by closing the expanded gallery).

Alternatively, you could leave your thumbnail images as they are, upload all your individual gallery folders to your web server and link the thumbnail images on your gallery index page (using regular HTML <a> tags) to the 'index.html' files in the corresponding gallery folders (to open full page galleries) with each gallery featuring a Back Button so that the visitor can return to your gallery index page.
For example, instead of using:

<a href="/Portfolio_nieuwste series.html"><img src="/images/miniaturen/Katja2_miniatuur.jpg" alt="Katja" width="120" height="180" onclick="MM_openBrWindow('Katja2','','')" /></a>

... you could use something like the following (assuming that you upload all your gallery folders to a directory named 'Juicebox_Galleries' in your root directory):

<a href="/Juicebox_Galleries/Katja2/index.html"><img src="/images/miniaturen/Katja2_miniatuur.jpg" alt="Katja" width="120" height="180" /></a>

1,327

(19 replies, posted in Juicebox-Pro Support)

OK. As long as you can get the juicebox_pro.lrwebengine (or juicebox_lite.lrwebengine) folder inside the C:\Users\Username\AppData\Roaming\Adobe\Lightroom\Web Galleries\ directory, then you should see "Juicebox-Pro" (or "Juicebox-Lite") as a 'Layout Style' in the 'Web' module.

1,328

(19 replies, posted in Juicebox-Pro Support)

I use Windows 7 and LR 5.2, so it should work?

Yes, the Juicebox Lightroom Plugin should install and run fine on Lightroom 4 or later.

Also when I use the plugin manager of LR and I search for the noticed folder Than I get a failure notice, that LR could not succeed

The Juicebox Lightroom Plugin is not technically a Lightroom 'Plug-in' (and it cannot be installed by Lightroom's 'Plug-in Manager'). It is actually a Lightroom 'Web Engine' and, once installed, shows up as a 'Layout Style' option in the 'Web' module.
Installation instructions can be found on the support page but below are some additional details which should help you to successfully install the web engine.

You should be able to install the Juicebox Lightroom Plugin as follows:

(1) Extract the Juicebox-Pro v1.5.1 zip file and you'll find the Juicebox Lightroom Plugin in this location:
juicebox_pro_1.5.1/adobe-lightroom-plugin/juicebox_pro.lrwebengine

(2) On a Windows PC, juicebox_pro.lrwebengine looks like a regular folder but you should be able to install the web engine by dragging and dropping the juicebox_pro.lrwebengine folder directly onto your Lightroom desktop shortcut (and a small pop-up dialog box should ask you if you want to install it).
On a Mac, juicebox_pro.lrwebengine is seen as a special package and you should be able to install the web engine by double-clicking the juicebox_pro.lrwebengine package. (Please note that this double-click method does not work on a Windows PC.)

(3) If the auto-install methods from #2 above do not work, then you can install the web engine manually by copying and pasting the complete juicebox_pro.lrwebengine folder/package (not just its contents) into the following location:
Mac OS X - Users/Username/Library/Application Support/Adobe/Lightroom/Web Galleries/
Windows Vista, 7, 8, 8.1 & 10 - C:\Users\Username\AppData\Roaming\Adobe\Lightroom\Web Galleries\
On a Windows PC, you might need to show hidden files to navigate to this location in Windows File Explorer.

If you cannot find Lightroom's 'Web Galleries' folder on your computer, then please try the following:

  • Open Lightroom.

  • Go to 'Edit -> Preferences...' (from the drop-down menu at the top).

  • Select the 'Presets' tab.

  • Click the 'Show Lightroom Presets Folder...' button.

  • Navigate inside the 'Lightroom' folder in the file explorer window that pops up.

  • Now navigate inside the 'Web Galleries' folder. (If the 'Web Galleries' folder does not already exist inside the 'Lightroom' folder, then you'll need to create it manually.)

Now, paste the juicebox_pro.lrwebengine folder/package directly inside the 'Web Galleries' folder (overwriting any existing juicebox_pro.lrwebengine folder/package).

Before attempting the manual method, try deleting any existing juicebox_pro.lrwebengine folder/package from the 'Web Galleries' folder and re-try the auto-install method for your platform (Windows PC or Mac).

(I realise that you use a Windows PC but I've included some Mac details above, too, as it may help other users facing a similar problem.)

I hope this helps.

1,329

(19 replies, posted in Juicebox-Pro Support)

No worries! Happy holidays!

Unfortunately, we do not offer a trial version of Juicebox-Pro or Showkase but we do offer a money-back guarantee.
Please see these FAQs for details:
Juicebox: Can I try a trial version of Juicebox-Pro?
Showkase: Can I try a trial version of Showkase?

You can also try Juicebox-Lite (for free) before purchasing Juicebox-Pro.
Juicebox-Lite can be downloaded from the Download Page (where there is also a comparison chart between Juicebox-Lite and Juicebox-Pro).
Be sure to check out our Getting Started support section which will guide you through the process of creating your first Juicebox-Lite gallery with JuiceboxBuilder-Lite.

1,330

(19 replies, posted in Juicebox-Pro Support)

Thank you for your quick answer!

You're welcome!

One last question: can I go with the home button ( in the pro version) back to any page I want of my site or only to the index?

You can point the Back Button towards any URL you like via the backButtonUrl configuration option (the URL does not even need to be within your site).
The path for the backButtonUrl can be relative (to the web page containing the gallery's embedding code) or absolute (in the form 'http://www.example.com/gallery/index.html')

And with the galleries I use now it is possible to insert more than one button, so that you can go back to different pages of my site or is that not possible?

The Back Button is the easiest way to include a link in a gallery (and the only dedicated feature available to do so).
You can, however, use the Gallery Title as a link and you can also include links in image titles and captions using HTML formatting as noted in these FAQs:
How do I add HTML formatting to image captions and titles?
How do I add HTML formatting to the Gallery Title or Back Button?

It sounds like you might want to have links alongside the gallery (pointing towards other pages within your site).
If so, then you might like to take a look at another of our products, Showkase, which allows you to create a complete portfolio website including Juicebox gallery pages and non-gallery pages (where you can add whatever content you like). Every Showkase site features an automatically-generated navigation menu (with links to all pages within the site).

Showkase is a PHP web application which in installed on your web server and whose interface is accessed via a web browser.
Showkase has full support for Juicebox-Pro and the galleries can be created within the application itself via its 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.
You can take a look around the Showkase interface by logging into the Live Demo Admin.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite) or Showkase-Pro (which comes with Juicebox-Pro).
The only difference between Showkase-Standard and Showkase-Pro is the bundled viewer (Juicebox-Lite vs Juicebox-Pro).

I hope you find this information useful.

1,331

(19 replies, posted in Juicebox-Pro Support)

Can i easilly integratie the galeries into this site: www.ppphoto.nl
So that i easilly can go back to other buttons in my site?

Yes. Your current site links directly to full-browser gallery pages with a 'Home' button in each gallery to return to your main page.
You could certainly replicate this setup with Juicebox. You could link directly to full-browser Juicebox gallery pages and Juicebox-Pro features a Back Button which you can configure to link to whatever web page you like.
Check out the Pro Full Browser gallery on the Juicebox-Pro Demos page which is a full page gallery which features the Back Button (the icon in the top left of the gallery).
You can configure the Back Button using the available Back Button options (for example you can use the 'home' icon or custom text).

Alternatively, you can embed Juicebox galleries within existing web pages (alongside other content) by following the embedding instructions here.

It should work on the browser of windows 10

Juicebox galleries can be viewed in any modern browser (Edge, Chrome, Firefox, IE8+, Opera, Safari).
Please see the System Requirements for more details (and check out the demo galleries in your browsers).

i want to use it as a LRvpluginn.

There is a Lightroom plugin available to allow you to create Juicebox galleries with Lightroom.
The Lightroom plugin comes bundled within the Juicebox-Lite and Juicebox-Pro zip packages.
Instructions for installing and using the Lightroom plugin can be found on the plugin's support page here.

You can download Juicebox-Lite (and then try out the Juicebox-Lite Lightroom plugin) from the Download Page. (Please note that the Back Button is not available in Juicebox-Lite and is a feature of Juicebox-Pro only.)
You can also build galleries using JuiceboxBuilder (the standalone desktop application we provide), if you like.

I hope this helps to clarify things for you.
If you have any further queries, please let me know and I'll do my best to answer them for you.

I'll try the work around you have suggested.

The workaround should work fine. I tested it myself before posting it. Hopefully it will be a suitable solution for you.

When I open my gallery structure I notice that there is index.html...index2.html up to index6.html. Is it just the index.html that I need to change?

That's strange. When creating an album with the Juicebox skin, there should be only one 'index.html' file (in the root output directory). The skin should not generate additional index pages (like 'index2.html', 'index3.html', etc.). Such files are usually generated by skins that do not display all images on a single page and split the images over a number of different pages. I'm wondering if maybe your additional index pages are remnants of having made an album with a different skin before switching to Juicebox (and are actually redundant and do not play a part in the Juicebox album). Otherwise, I'm really not sure what settings would cause the Juicebox skin to generate more than one index page.
In any case, it is the 'index.html' file in the root output directory that you should add the code to (or the skin's template 'index.htt' file if you want the code to automatically be included in all albums made by the skin).

1,333

(1 replies, posted in Juicebox-Lite Support)

Your embedding code looks like it should work fine as long as the following points are followed:

(1) Make sure that you load the 'juicebox.js' file from one of your galleries into your web page (before the embedding code).
For example:

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

(2) The baseUrl paths are relative (to the web page containing the embedding code) so make sure that you have uploaded your 'netting1' and 'netting2' gallery folders (the complete folders, not just the contents) to the directory that contains the gallery's embedding page.

I hope these notes help.
However, if you continue to experience difficulties, please post back with the URL to your web page so that I can take a look at the problem for myself.
Once I'm able to see the problem live on your web server, I should hopefully be able to determine the cause of the problem and propose a solution.
Thank you.

1,334

(3 replies, posted in Juicebox-Pro Support)

You're welcome!
I hope you find it useful.

1,335

(3 replies, posted in Juicebox-Pro Support)

When setting enableDirectLinks="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> General' section), the unique links to individual images within a gallery are the gallery's URL with a # at the end, followed by a number (representing the image's position in the gallery).

For example, the direct link to the 7th image in a gallery might look something like this:
http://www.example.com/gallery/index.html#7

If you want to create a bulk list of direct links, you could copy and paste the gallery's URL into a plain text editor (as many times as there are images in your gallery) and just add #1, #2, #3, etc. to the end of the URLs.

Otherwise, you would write a script (in a programming language that you are familiar with) to do this for you.

Here is a quick example using JavaScript.
Just create a new HTML file from the code below (copy and paste it into a plain text editor and save the file with an .html file extension, e.g. "script.html") and open the file in a web browser.
Now enter your gallery's URL and the total number of images in your gallery into the input boxes and click the 'Submit' button.
A list of direct link URLs will be output to the browser window and you can then copy and paste the entire list to wherever you like.

The code is basic but functional. (It works fine but, for example, it does not catch user errors such as a non-numeric entry for the 'Image Total'.)

I hope this helps or at least points you in the right direction.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Direct Link Generator Script</title>
    <meta charset="utf-8" />
</head>
<body>
    <script>
        function display() {
            var url = document.getElementById('url').value;
            var total = document.getElementById('total').value;
            for (var i = 1; i <= total; i++) {
                document.write(url + '#' + i + '<br />');
            }
            document.close();
        }
    </script>
    <form onsubmit="display(); return false;">
        <span>Gallery URL: </span><input type="text" id="url" size="50" value="http://www.example.com/gallery/index.html" /><br />
        <span>Image Total: </span><input type="text" id="total" value="50" /><br />
        <input type="submit" value="Submit">
    </form>
</body>
</html>

1,336

(3 replies, posted in Juicebox-Lite Support)

I'm happy to hear you've got it working!
Thank you for letting me know.

1,337

(5 replies, posted in Juicebox-Pro Support)

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

1,338

(5 replies, posted in Juicebox-Pro Support)

Judging by the vertical nature of the Button Bar, it looks like a dimensional/timing problem (maybe the tab's dimensions are not fully set up when the gallery is loaded).
Additionally, if I resize the browser window (forcing the gallery to be redrawn with new dimensions), the main image and the Button Bar are both displayed correctly.

Thinking about my original suggestion, it looks like adding code such as:

<script>
    loadGallery('aluminium/', 'juicebox-container-1');
</script>

.. in each tab will still load all galleries as soon as the web page is loaded (so galleries 2, 3 and 4 may still be loaded within hidden tabs). It looks like tabs 2, 3 and 4 may not be visible when the web page is initially loaded but all the HTML and JavaScript code within the tabs will be parsed by the browser on load.

However, loading only one 'juicebox.js file per page, embedding each gallery into a unique container and using a loadGallery() function are still steps in the right direction so all your work so far has not been in vain.

Here's perhaps a better suggestion which should hopefully work (and load each gallery on demand only after the parent tab is visible, i.e. when a tab is clicked).
Create a click handler for your tab headers and run the loadGallery() function to load the gallery corresponding to the selected tab.
Remove the individual calls to the loadGallery() function (but leave the gallery container divs in place) and add the following code just below the loadGallery() function itself.

$(document).ready(function() {
    $("li[role='presentation'] a").click(function() {
        var gallery = $(this).attr('aria-controls');
        var base = gallery + '/';
        var container = 'juicebox-' + gallery;
        loadGallery(base, container);
    });
});

(The code above extracts the gallery name from your conveniently named 'aria-contols' attribute and uses it to form the baseUrl and containerId.)
If this does not work, then you might need to introduce a slight delay before loading the gallery (to ensure that the tab's dimensions are set up) so try this (which has a delay of 200ms before loading the gallery).

$(document).ready(function() {
    $("li[role='presentation'] a").click(function() {
        window.setTimeout(function() {
            var gallery = $(this).attr('aria-controls');
            var base = gallery + '/';
            var container = 'juicebox-' + gallery;
            loadGallery(base, container);
        }, 200);
    });
});

I hope this helps to resolve your problem.

1,339

(3 replies, posted in Juicebox-Lite Support)

The icons within a Juicebox gallery are characters in a custom font and the font files are stored in the 'jbcore/classic/fonts/' folder.
However, looking at the 'fonts' folder in your own gallery's 'jbcore' folder, it looks like only the 'juicebox.eot' file is present and the SVG, TTF and WOFF files are missing.
Try reuploading the 'jbcore' folder to your web server and, afterwards, make sure that there are four files inside the 'fonts' folder.
(You might also need to clear your browser's cache before reloading your gallery's web page.)
I hope this helps.

The SimpleViewer skin for jAlbum used a third-party audio player embedded in the main album page so the audio track did not change when new galleries were selected.
The Juicebox skin does not feature a third-party audio player and, as you have discovered, adding an audio track to each individual Juicebox gallery will result in the audio tracks overlapping each other when new galleries are selected.

Unfortunately, there is no Juicebox-Pro API method to specifically stop audio from playing. There is just a toggleAudio() method and no way to easily track the status of the audio (to determine whether it is playing or not). The only way I've found to stop audio from one gallery before loading another relies on the Button Bar being visible in the galleries (to check if the Audio Button has the '.jb-status-playing' class) and invloves iterating over all '.jb-bb-btn-audio' elements to stop those that are playing.

Try opening your album's 'index.html' file and the following code immediately after the function loadContent(galleryPath, galleryCount) { line:

if (jb) {
    $('.jb-bb-btn-audio').each(function() {
        if ($(this).hasClass('jb-status-playing')) {
            jb.toggleAudio();
        }
    });
}

(You can add this code to the skin's template 'index.htt' file if you like and the code will automatically be included in the album's 'index.html' file each time you edit or create a new project.)

I hope this helps.

1,341

(5 replies, posted in Juicebox-Pro Support)

First of all, when embedding multiple galleries into a single web page, there are a couple of things to note:

(1) The 'juicebox.js' file should be loaded only once per web page (from within one of your gallery folders), rather than once per gallery.

(2) Each gallery should be embedded into a container with a unique name. At the moment, all of your galleries are embedded into containers with a 'containerId' and <div> 'id' of "juicebox-container". There should be no duplicate 'is' on a web page.

The cause of your problem is likely to be #2 above.
It is possible that when the second tab on your page is selected (for example), the corresponding gallery is embedded into the first <div id="juicebox-container"> that the browser finds on the page (which is in the first tab and is now hidden from view).
Hopefully embedding your galleries into containers with unique names will help.

Another possible cause for your problem is that all your galleries are loaded as soon as your web page is loaded but, when the web page is loaded, only the first tab is visible and has dimensions. The other tabs are initially hidden and essentially have zero dimensions. The galleries on the other tabs have galleryWidth and galleryHeight of 100% so, when the web page is loaded, Juicebox calculates their dimensions to be 100 % of zero (which is zero, resulting in a non-visible gallery).

Here are a couple of things to try.

(1) Give your galleries fixed pixel dimensions rather than percentage dimensions (at least for testing purposes), to see if this helps.

(2) Alternatively, if you want to keep the gallery dimensions at 100% (for the galleries to be responsive), then you'll need to load them only after the selected tab is visible and has been given dimensions on your web page.
Put the gallery embedding code into a JavaScript function (with parameters for the baseUrl and containerId) and load the function (to load a specific gallery into the correct container) when a tab is selected.
For example, you could use something like the following (outside the tabs on your web page, perhaps in the <head> section):

<script src="aluminium/jbcore/juicebox.js"></script>
<script>
function loadGallery(base, container) {
    new juicebox({
        baseUrl : base,
        containerId: container,
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "rgba(34,34,34,0)"
    });
}
</script>

Now, inside the first tab (where you currently have each gallery's embedding code), use something like:

<div id="juicebox-container-1"></div>
<script>
    loadGallery('aluminium/', 'juicebox-container-1');
</script>

... and inside the second tab, use something like:

<div id="juicebox-container-2"></div>
<script>
    loadGallery('glass/', 'juicebox-container-2');
</script>

... etc.

(You can insert each gallery's SEO content code inside the corresponding <div> containers. I just left this out in my sample code above for clarity.)

I hope this helps and points you in the right direction.

1,342

(17 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad you've now got a PHP script which works as you like.
I hope you have a great Christmas, too!

1,343

(3 replies, posted in Juicebox-Lite Support)

With Juicebox-Pro, you can change the way that Juicebox preloads images via the imagePreloading configuration option.

Possible values are:

  • PAGE - Preloads all images in the current thumbnail page. Unloads all images in the previous thumbnail page.

  • NEXT - Preloads image after currently viewed image. Unloads previously viewed images.

  • ALL - Preloads all images in gallery. Maximum usability. Images never unloaded. Not good for large galleries (image count > 50).

These values are noted in the Main Image section of the Config Options page.

This configuration option can be changed only in Juicebox-Pro (but not in Juicebox-Lite, the free version, where the default value of PAGE is always used).

1,344

(7 replies, posted in Juicebox-Pro Support)

No problem.
Just create a new thread for each issue and I'll do my best to help you out.

1,345

(17 replies, posted in Juicebox-Pro Support)

If you just want to use the filename for the image title (and have no image caption), then, in the original code, change:

echo '<title></title>';
echo '<caption></caption>';

... to:

echo '<title><![CDATA[' . pathinfo($gallery[$i], PATHINFO_FILENAME) . ']]></title>';
echo '<caption></caption>';

Here's the complete code:

<?php
header("Content-type: application/xml");
function GetDirArray($folder)
{
    $handle=opendir($folder);
    while ($file=readdir($handle))
    {
        if ($file!="." && $file!="..")
        {
            $ret[count($ret)]=$file;
        }
    }
    closedir($handle);
    sort($ret);
    return $ret;
}
$gallery=GetDirArray('images');
$gallery=array_reverse($gallery);
echo '<?xml version="1.0" encoding="UTF-8"?>';
echo '<juiceboxgallery useFlickr="false" maxThumbColumns="7" captionPosition="BELOW_IMAGE" buttonBarPosition="OVERLAY_IMAGE" galleryTitlePosition="NONE" backgroundColor="rgba(18,18,18,1)" topBackColor="rgba(0,0,0,0.5)" thumbFrameColor="rgba(204,204,204,1)" thumbHoverFrameWidth="3" thumbSelectedFrameWidth="5" topAreaHeight="5" stagePadding="10" showOpenButton="true" showExpandButton="false" showThumbsButton="true" showImageOverlay="ALWAYS" showOverlayOnLoad="true" showImageNumber="false" maxCaptionHeight="50" captionHAlign="CENTER" showSplashPage="NEVER" showInfoButton="false" screenMode="LARGE" showSmallPagingText="false" showSmallThumbsButton="false" showSmallThumbsOnLoad="false" backButtonUseIcon="true" showImageNav="ALWAYS" captionBackColor="rgba(0,0,0,0.4)" useLargeImages="false" resizeOnImport="true" maxImageWidth="2048" maxImageHeight="1536" showNavButtons="false" flickrShowTitle="false" showAutoPlayButton="false" useFullscreenExpand="false" useThumbDots="false" expandInNewPage="TRUE" showThumbsOnLoad="true" galleryTitle="The Neighbourhood Gallery" enableDirectLinks="false" imageNavPosition="IMAGE" thumbNavPosition="CENTER" buttonBarHAlign="RIGHT">';
for ($i=0; $i<sizeof($gallery); $i++)
{
    echo '<image imageURL="images/'.$gallery[$i].'" thumbURL="images/'.$gallery[$i].'" linkURL="" linkTarget="">';
    echo '<title><![CDATA[' . pathinfo($gallery[$i], PATHINFO_FILENAME) . ']]></title>';
    echo '<caption></caption>';
    echo '</image>';
}
echo '</juiceboxgallery>';
?>

1,346

(17 replies, posted in Juicebox-Pro Support)

and that worked a bit..

If you still want to reverse the order of the images, replace:

$gallery=GetDirArray('images');

... with:

$gallery = GetDirArray('images');
$gallery = array_reverse($gallery);

but I cant see the caption at all?

Your PHP script does not populate the image titles or captions with anything at all. They are currently empty.
As an example, if you want to display the filename (without the file extension) as the image title and the IPTC Description (embedded within the image) as the image caption, then replace:

echo '<title></title>';
echo '<caption></caption>';

... with:

echo '<title><![CDATA[' . pathinfo($gallery[$i], PATHINFO_FILENAME) . ']]></title>'; // Extract and use filename without file extension for image title
$caption = '';
$size = getimagesize('images/' . $gallery[$i], $info); // Puts image info into $info array
if(isset($info['APP13'])) { // If IPTC data is present in image info...
    $iptc = iptcparse($info['APP13']); // Put IPTC data into $iptc array
    $caption = $iptc['2#120']; // Use IPTC Description as image caption
    $caption = preg_replace('/\r\n|\r|\n/', '<br />', $caption); // Ensure line feeds and carriage returns from IPTC Description are respected
    $caption = preg_replace('/\p{Cc}+/u', '', $caption); // Strip control characters from image caption
}
echo '<caption><![CDATA[' . $caption[0] . ']]></caption>'; // Display image caption

With your current gallery settings, you'll likely need to increase the maxCaptionHeight value (from 50 to something larger, such as the default value of 120) to accommodate both an image title and an image caption (for both to be visible).

I hope this helps.

1,347

(7 replies, posted in Juicebox-Pro Support)

You're welcome.
I'm glad that everything seems to have sorted itself out. Thank you for letting me know.
It sounds very much like some server caching was going on.

I have an account with a web host that uses Varnish server caching. It can be very useful but it can also be a hindrance when developing a web site as it means that after I upload a new version of a file to my web server, the new version is not seen (and the old version is still served) for about 20 minutes afterwards. For this reason, I have Varnish disabled.

1,348

(7 replies, posted in Juicebox-Pro Support)

Your album is certainly using Juicebox-Pro v1.5.1 and the galleries within the album are definitely using the Pro files.
Your second gallery ('Childrens Ward On The Asylum') displays 54 images (if the gallery was using Juicebox-Lite, only 50 images would be displayed) and thumbsPosition="LEFT" (a Pro only configuration option) is active.
The only problem I can see with this particular gallery is that the audioUrlMp3 has been set as: "gallerysoundtrack.mp3" . (with double-quotes, a tab character and a dot at the end).
Change "gallerysoundtrack.mp3" . to just gallerysoundtrack.mp3 and your audio track should play (as long as the file is in the correct location on your web server).

If you still see Juicebox-Lite galleries within your album (signified by the Juicebox logo in the lower right corner of the galleries), then the problem is more than likely to be a caching issue (either server caching or client-side browser caching).
Check with your web host to see if server caching is used on your web hosting account (and, if so, ask if it could be disabled, at least for testing purposes) and make sure that you clear the cache of any browser that might have been used to view your site whilst Juicebox-Lite files were in place.

Hopefully this will help.

1,349

(17 replies, posted in Juicebox-Pro Support)

(1) As you are using a PHP file to dynamically generate the gallery's XML content (configUrl : 'config.php',) Juicebox does not use your 'config.xml' file at all.
If you want the configuration options from your 'config.xml' file to be used in your gallery, you'l need to copy them across into your 'config.php' file (as attributes to the opening <juiceboxgallery> tag).

(2) The PHP script will read the directory and display the images in alphabetical order.
If you would like to reverse this order, use PHP's array_reverse function on the array of images before the loop which outputs the <image> tags.
You can manipulate the array using other functions (built-in PHP functions or custom functions) to sort the images in any order you like.

Try something like the following (which incorporates both of my suggestions above):

<?php
header("Content-type: application/xml");
function GetDirArray($folder)
{
    $handle=opendir($folder);
    while ($file=readdir($handle))
    {
        if ($file!="." && $file!="..")
        {
            $ret[count($ret)]=$file;
        }
    }
    closedir($handle);
    sort($ret);
    return $ret;
}
$gallery=GetDirArray('images');
$gallery=array_reverse($gallery);
echo '<?xml version="1.0" encoding="UTF-8"?>';
echo '<juiceboxgallery useFlickr="false" maxThumbColumns="7" captionPosition="BELOW_IMAGE" buttonBarPosition="OVERLAY_IMAGE" galleryTitlePosition="NONE" backgroundColor="rgba(18,18,18,1)" topBackColor="rgba(0,0,0,0.5)" thumbFrameColor="rgba(204,204,204,1)" thumbHoverFrameWidth="3" thumbSelectedFrameWidth="5" topAreaHeight="5" stagePadding="10" showOpenButton="true" showExpandButton="false" showThumbsButton="true" showImageOverlay="ALWAYS" showOverlayOnLoad="true" showImageNumber="false" maxCaptionHeight="50" captionHAlign="CENTER" showSplashPage="NEVER" showInfoButton="false" screenMode="LARGE" showSmallPagingText="false" showSmallThumbsButton="false" showSmallThumbsOnLoad="false" backButtonUseIcon="true" showImageNav="ALWAYS" captionBackColor="rgba(0,0,0,0.4)" useLargeImages="false" resizeOnImport="true" maxImageWidth="2048" maxImageHeight="1536" showNavButtons="false" flickrShowTitle="false" showAutoPlayButton="false" useFullscreenExpand="false" useThumbDots="false" expandInNewPage="TRUE" showThumbsOnLoad="true" galleryTitle="The Neighbourhood Gallery" enableDirectLinks="false" imageNavPosition="IMAGE" thumbNavPosition="CENTER" buttonBarHAlign="RIGHT">';
for ($i=0; $i<sizeof($gallery); $i++)
{
    echo '<image imageURL="images/'.$gallery[$i].'" thumbURL="images/'.$gallery[$i].'" linkURL="" linkTarget="">';
    echo '<title></title>';
    echo '<caption></caption>';
    echo '</image>';
}
echo '</juiceboxgallery>';
?>

1,350

(7 replies, posted in Juicebox-Pro Support)

If you have successfully upgraded the skin from Juicebox-Lite to Juicebox-Pro, then there should be no Lite 'jbcore' folder in the skin and jAlbum will have no option but to use the Pro 'jbcore' folder in the resulting gallery so there really ought to be no Lite 'jbcore' folder anywhere, except possibly already on your web server.

If you've ever used Juicebox-Lite and are upgrading a gallery to Juicebox-Pro then please check the following.

(1) Make sure when you upload your gallery to your web server that the Lite 'jbcore' folder is being overwritten with the Pro version. (It is possible that your FTP program might be set to not overwrite any existing files and folders.)

(2) Try clearing your browser's cache before reloading your gallery's web page to ensure that your browser is using the latest Pro files from your web server (instead of perhaps using older, cached Lite files).

If this does not help, then please post back with the URL to your gallery so that I can check it out for myself and hopefully help further.