1,176

(1 replies, posted in Juicebox-Pro Support)

A Juicebox gallery is essentially just a regular HTML <div> on a web page (with the gallery as its content).
By default, a Juicebox gallery will be justified to the left-hand side of the web page that it is embedded into, just like any other <div>).

If your Juicebox gallery has a galleryWidth of 100% and is the only content on its web page, then it will be horizontally centered as there will be nothing to its left or right in the browser window.

If you want to horizontally center a Juicebox gallery within its parent container, then try changing:

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

... to:

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

1,177

(1 replies, posted in Juicebox-Pro Support)

Your post above quotes a reply I gave to a user in the forum over 4 years ago (in this thread).

Do you have a problem with the WP-Juicebox?
If so, please describe the problem and post a link to your gallery's web page so that I can see the problem for myself and hopefully help further. Thank you.

1,178

(1 replies, posted in Juicebox-Pro Support)

Please try upgrading your galleries to the latest version (v1.5.1) as many bugs have been fixed since v1.4.2 and upgrading may fix your problem without any further action.
Please see the Version History page for a full list of changes between versions.

Full instructions for downloading the latest version and upgrading existing galleries can be found on the Upgrading Juicebox support page.
Essentially, all you need to do to upgrade an existing gallery is replace its 'jbcore' folder with the 'jbcore' folder from the Juicebox-Pro v1.5.1 download zip package ('juicebox_pro_1.5.1/web/jbcore').

If this does not resolve your problem, then please see this FAQ which deals with the issue you described and might help.
My images show locally, but not when I upload them to my website. Why?

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

1,179

(5 replies, posted in Juicebox-Pro Support)

This is due to your long backButtonText ("More Pascal RIBEN Galleries").
In Small Screen Mode (on mobile devices), the Back Button and Button Bar share the same horizontal space.
Space is reserved for the Back Button and, once this has been displayed, the remaining space is used for the Button Bar (which will wrap within the available space if necessary). This avoids the Back Button and Button Bar overlapping each other.
With your long backButtonText, there is enough space to the right of it (on your device) to display only one Button Bar icon (which is why it wraps to display all the icons in a single column).
If you were to reduce your backButtonText to something shorter (like "Home", for example) or use the 'home' icon (by setting backButtonUseIcon="TRUE"), then the Button Bar would have more space to display icons in a row.

1,180

(19 replies, posted in Juicebox-Pro Support)

That's great! Thank you for letting me know.

@matthewswift

I understand your desire to try to adapt Juicebox-Pro to do something that you would like it to do (but that it was not designed to do). However, it looks like you may have unpacked the source code and, unfortunately, modifying the source code is not supported. This is noted in the FAQ below:
Does Juicebox-Pro include the source code?

Thank your for posting your suggestion in the Feature Request forum thread, though, where it will be seen by the developers who will at least consider it for inclusion in a future release (although I have no way of knowing which requests will be chosen for implementation).

(Incidentally, I'm not sure what might have changed between v1.5.0 and v1.5.1 to break your modification. Whatever the change was, it would have been made for the sake of functionality rather than to prevent users from adapting the software.)

Thanks again for making your suggestion known.

1,182

(3 replies, posted in Juicebox-Pro Support)

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

1,183

(3 replies, posted in Juicebox-Pro Support)

Just increase the inactivityTimeout value from its default value of '4' (seconds) in JuiceboxBuilder-Pro's 'Customize -> Main Image' section.

Alternatively, you can have the overlay never auto-hide by either setting inactivityTimeout to '0' or showImageOverlay (also in the 'Main Image' section) to 'ALWAYS'.

You could also display the Info Button on the gallery's Button Bar by setting showInfoButton to 'TRUE' (in the 'Button Bar' section) to allow visitors to your website to toggle the overlay on and off (by clicking the Info Button).

For reference, short descriptions of all configuration options can be found on the Config Options page.

You're welcome!

It is likely that you have found a post referring to WP-Juicebox (the Juicebox plugin for WordPress) as this plugin has a file named 'config.php'.
However, if you are creating or editing a gallery with JuiceboxBuidler-Pro and do not want the image filename to be used as the image title (which is the default setting), then just go to 'Images -> Titles -> Use None' from the drop-down menu at the top (and then save your gallery on the 'Publish' tab).

1,186

(7 replies, posted in Juicebox-Pro Support)

@kuwaha

I'm glad you've been able to install JuiceboxBuilder-Pro v1.5.1 on your desktop computer.
Thank you for letting me know (and for providing the additional information).

Note for Bitdefender users:

It looks like Bitdefender may be preventing any and all Adobe AIR applications from being installed.
I've just found this web page relating to a different Adobe AIR application (but with exactly the same problem and error message as the one noted above): https://support.creately.com/hc/en-us/a … ly-Desktop

The workaround seems to be to disable all Bitdefender modules before installing JuiceboxBuilder-Pro (or whatever other Adobe AIR application you are trying to install) by following the instructions on this web page: https://www.bitdefender.com/consumer/su … swer/3347/

1,187

(7 replies, posted in Juicebox-Pro Support)

@kuwaha

Do you get exactly the same error message as the original poster ("Code: 5100") or a different error message?

If you have not already done so, please try following the procedure noted above (to uninstall both JuiceboxBuilder-Lite and JuiceboxBuilder-Pro and then manually delete all the folders I listed before before attempting to install JuiceboxBuilder-Pro v1.5.1).

Have you also tried the additional suggestions, such as creating a new administrative user account and trying to install and run JuiceboxBuilder-Pro v1.5.1 from there?

If you continue to experience difficulties, please let me know how far you get into the procedure and what error message (if any) you encounter along the way.
Also, please let me know what operating system you use.

You're welcome!
I'm glad that my workaround was a suitable solution for you.
Thank you for letting me know.

(stagePadding would be a similar solution but would add padding around the entire gallery, not just the main images within the gallery.)

1,189

(4 replies, posted in Juicebox-Pro Support)

I'm glad you're making progress. Thank you for letting me know.

... just want to remove photo title/alt ? from showing.

Unfortunately, there is no configuration option available to enable/disable captions. A NextGEN sourced gallery will use the 'alttext' as the image title and the 'description' as the image caption.
However, you can hide the entire caption area by setting captionPosition="NONE" (in the Pro Options text area).
Alternatively, if you want to hide just the image titles or the image captions, then you can do so with a quick edit to the plugin's 'config.php' file.
Just open the 'config.php' file in a plain text editor and:

(1) To hide the image titles, comment out line 95, changing:

$image_element->appendChild($title_element);

... to:

// $image_element->appendChild($title_element);

(2) To hide the image captions, comment out line 102, changing:

$image_element->appendChild($caption_element);

... to:

// $image_element->appendChild($caption_element);

(Please note that the line numbers above refer to the current version of WP-Juicebox, v1.5.1.)

Also how do I make splashpage fit better on screen, Tried smaller image for splash but just stretches.

The Splash Page takes the gallery dimensions (the galleryWidth and galleryHeight from the embedding code).
The image used for the Splash Page (by default the first image in the gallery or the splashImageUrl if set) is scaled to fill (rather than fit within) the Splash Page dimensions and, if the aspect ratio of the Splash Page does not match the aspect ratio of the image, then cropping will occur. However, the image should not be stretched. If it is, then it may be due to custom CSS (possibly from your WordPress theme).
At the moment, your gallery sets showSplashPage="NEVER" so I cannot see the Splash Page and investigate the problem.
However, I would check the CSS on your web page to see if there are any rules which are being applied to all images on the page and which the Splash Page image might be inheriting.
I hope this points you in the right direction.

Your gallery has successfully been embedded in your web page (otherwise the gallery would not display) so the location of your gallery folder on your web server and the embedding code that you use are both fine.
The only problem remaining is the positining of the embedding code within your web page.
At the moment, your gallery's embedding code (inclusing the Juicebox container <div>) has been placed between the <head> and <body> sections of your web page. (There should be nothing between the closing </head> tag and the opening <body> tag. The <script> tags from the embedding code can be placed in the <head> section (if you like) but the Juicebox container <div> must be in the <body> section somewhere (wherever you want the gallery to appear).
Looking at the code on your web page, it looks like your gallery's embedding code should be placed within the following <div> container, either alongside the <span> tag or replacing it. (I can't be sure that this is the correct place for your gallery on your web page but it is the first place I'd try.) You might need to adjust your gallery's dimensions, too. Try a galleryWidth of 100% (so that the gallery spans the entire width of its parent container (and adjust the galleryHeight as necessary).

<div class="xr_strb " style="top: 0px; left: 0px; width: 100%; min-width: 760px; position: absolute;">
 <span class="xr_ar" style=" left: 0px; width: 100%; height: 393px; top: 85px; position: absolute; background:url('index_htm_files/312@2x.jpg') center center no-repeat; background-size: cover;"></span>
</div>

1. once people are done shuffling through all the photos, how do they return to my home page: will clicking on the BACK browser take them to it directly or will they have to shuffle through all the photos in reverse first.

Juicebox-Pro features a Back Button which you can use to link durectly to any web page you link.
Check out the Back Button (the 'home' icon at the top-left) in this demo gallery.
For reference, a list of all Back Button configuration options can be found here.
(Please note that the Back Button is a Pro only option which is not supported by Juicebox-Lite, the free version.)

2. How do i save the current album I just created in Juicebox?

The 'Gallery -> Save' option from the drop down menu at the top will be available (i.e. not greyed-out) only if the gallery currently being developed already exists (i.e. has either already been saved on the 'Publish' tab or has been opened for editing). When clicking 'Gallery -> Save', the existing gallery will be overwritten with new files: an updated 'config.xml' file, a new HTML file (named after the existing HTML file) and revised image and thumbnail folders.
If you are creating a fresh gallery from scratch (and have not yet saved the gallery), then you'll notice that the 'Gallery -> Save' option will be greyed out and you'll need to save the gallery first on the 'Publish' tab.
I recommend that you save each gallery to a new empty folder of its own so that they are all separate from each other and there is no confusion over the location of individual galleries.
If each gallery is self-contained in a folder of its own, then there is no chance that 'index.html' files will overwrite each other (they will all be in different folders) so there is no need to rename (or move or otherwise modify) any gallery files.
Just give each gallery folder a unique name.
When opening an existing gallery in JuiceboxBuilder, the gallery's configuration file must be named 'config.xml' and must be in the root of hte gallery folder. If the 'config.xml; file has been renamed or moved, then the gallery will not be able to be opened by JuiceboxBuilder.

I hope these notes help to clarify things.

1,191

(4 replies, posted in Juicebox-Pro Support)

And there is a clickable link showing "Upgrade to Juicebox-Pro!" on the top right corner of the window.

If the 'Upgrade to Juicebox-Pro!' link is present, then you are running JuiceboxBuilder-Lite. (Also you can check whether you are running Lite or Pro by checking the splash page on running the application. The Splash Page will say either 'Welcome to JuiceboxBuilder-Lite' or 'Welcome to JuiceboxBuilder-Pro'.)

If you are having problems with Lite vs Pro and v1.5.0 vs v1.5.1, I'd recommend uninstalling all versions of JuiceboxBuilder on your system and reinstalling JuiceboxBuilder-Pro v1.5.1 (making sure that you use the installer from within the 'juicebox_pro_1.5.1.zip' file).

Uninstall on Mac: Delete the 'JuiceboxBuilder-Lite' and 'JuiceboxBuilder-Pro' files from the Applications folder and empty the Trash.
Uninstall on Windows: Use the uninstallers in the 'Control Panel -> Programs -> Uninstall a program...' list.

Note:
I've just upgraded Adobe AIR to v29.0 on my Windows 10 PC and both JuiceboxBuilder-Lite v.1.5.1 and JuiceboxBuilder-Pro v1.5.1 run correctly (with the drop-down menu visible at the top).

Please let me know how you get on and if you need any further assistance (and, also, please let me know what operating system you use).

You're welcome!

Unfortunately, there is no easy way to convert a SimpleViewer v1 XML file into the SimpleViewer v2 format (so that the gallery can be converted to Juicebox) but there are many ways to create Juicebox galleries (please see here for details) so I hope you find one that's quick and easy for you.

I'm sorry to hear that you are having difficulties embedding your Juicebox gallery.
Hopefully my notes below will help.

You can certainly name the gallery folder whatever you like (as long as you use web-safe characters: uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde).

The gallery's 'index.html' file is simply a HTML file into which the gallery is embedded with no other content. Therefore, you can use the file to display the gallery on a page of its own. If you plan to embed the gallery into an existing web page alongside other content, then the gallery's 'index.html' file is actually redundant and you can safely delete it if you like.
If you use the regular embedding code (presented on JuiceboxBuilder's 'Publish' tab), then you'll be uploading the contents of the gallery folder to the directory containing the web page with the embedding code. If you already have a file named 'index.html', then you'll need to rename the gallery's 'index.html' file first (otherwise your own 'index.html' file will be overwritten). You can rename the gallery's 'index.html' file to whatever you like. (There are no references to it from any other gallery files.)
If you use the baseUrl method of embedding, then you'll be uploading the entire gallery folder (not just the contents) to your web server and the gallery's 'index.html' file will not clash with any other files named 'index.html' on your web server, although you could still rename the gallery's 'index.html' file if you like (or delete it if you don't need it).

If you uploaded the entire gallery folder to your root directory, then I should be able to view your gallery's 'config.xml' file here: https://www.faithgranger.com/karine_photo1/config.xml
However, going directly to that location in a browser results in an error 404.
Please double-check that your gallery folder is named 'karine_photo1' and that it has been uploaded correctly to your root directory.

If the gallery folder is present in the correct location on your web server, then the embedding code you posted should work fine.
However, when viewing the source code of your 'photos1.htm' page, there seems to be no Juicebox embedding code on the page at all (which is probably the root cause for the gallery not displaying).
Please double-check that the embedding code has been inserted correctly into your web page.

Essentially, your embedding code looks fine (as long as your 'karine_photo1' gallery folder is in the same directory as your 'photos1.htm' page).
Just make sure that your entire 'karine_photo1' gallery folder has been uploaded to your root directory and that the embedding code has been inserted into your 'photos1.htm' page.

If you continue to experience difficulties, then try this as a starting step.
Just upload the complete gallery folder (exactly as created by JuiceboxBuilder without renaming, moving or modifying any files) to your web server and open the gallery's 'index.html' page in your browser. You should see the gallery on a page of its own. (Please post the URL to your gallery's 'index.html' page so that I can be sure of the gallery's location on your web server.) This is the first step in embedding your gallery. After the gallery has successfully been uploaded to your web server, then the next step is to insert the embedding code into your web page.

Please let me know how you get on and if you need any further assistance.

I have done what you told me and I had to set "buttonBarPosition"="OVERLAY" instead of "TOP" because if in "TOP" the "bar icons" didn't hide...

That is true, the autohide functionality hides the overlay elements only (and if buttonBarPosition is set to TOP, then the Button Bar is no longer on the overlay).

... and the image became smaller until the "bar icons" didn't overlay it.

This is because positioning a gallery element TOP will reserve an area above the main images (reducing the amount of space available to display the main image) and the top area and the main image area will never overlap.

I'm glad you are able to configure your gallery with the available configuration options to find a layout which you're happy with (even though it may not be exactly as you would like).

The only thing that is a bit wrong (only a little bit) is that in my smartphone (an old "Samsung Galaxy S4") the bottom line of the white frame of the image is not visible.

If you find that your image frame is not fully visible, then you could try one (or more) of the following:
(1) Try increasing frameWidth="1" to a larger value.
(2) Try adding some imagePadding (maybe just a couple of pixels) to bring the images in a little from the edges of the gallery.
(3) Try adding some stagePadding (again, maybe just a couple of pixels) to bring the entire gallery content in a little from the edges of the stage.
In your browser, it might be that a 1px frame width might not be large enough or else the lower frame edge might just be too close to the browser's toolbar so hopefully the suggestions above will help.

I think you have done a very good job with "Juicebox" and I thank you your support again.

You're welcome!
Thank you for your kind words. We're glad you're getting on well with Juicebox-Pro!

1,195

(4 replies, posted in Juicebox-Pro Support)

When entering Juicebox-Pro configuration options into the Pro Options text area, be sure to enter each option on a line of its own and enclose the value in double-quotes (as noted in Step #4 here), for example:

enableLooping="TRUE"
stagePadding="20"
galleryTitlePosition="TOP"

Also, please note that Lite Options should be set via their own individual input fields in the plugin's interface (and not in the Pro Options text area).

Please post an example of something that you are entering into the Pro Options text area which is not being saved and I'll investigate further.

JuiceboxBuilder can convert only SimpleViewer v2.0 or later galleries. From the code you posted, it looks like your gallery's configuration file might be a SimpleViewer v1.9 (or earlier) gallery.
SimpleViewer v2.0 (released on 10 December 2009) was written from the ground up as a replacement for v1.x and uses a different style of configuration file.
SimpleViewer v2.x no longer uses the imagePath or thumbPath options or <filename> tags, instead opting for an <image> tag with imageURL and thumbURL attributes.
It is very likely that, due to these differences, JuiceboxBuilder cannot find your SimpleViewer gallery's images.

Unfortunately, there's no easy fix for this and it might just be quicker for you to recreate your galleries with JuiceboxBuilder from scratch.

I realise that this may not be the answer you were looking for but I hope that it at least clarifies things for you so that you can move on with your project without persevering with something that just won't work.

The buttonBarPosition configuration option allows you to position the Button Bar in the TOP area but this applies only to Large Screen Mode (there is no TOP area in Small Screen Mode where the Button Bar is always positioned on the overlay).
However, if you force Large Screen Mode to always be used on all devices and in all browsers (by setting screenMode="LARGE"), then the TOP area will still exist when the gallery is displayed on mobile devices and setting buttonBarPosition="TOP" should solve your problem.

No matter whether your gallery is being displayed in Small Screen Mode or Large Screen Mode, if you tap the main image (on a touch-enabled mobile device), the overlay (including the Button Bar and the caption area) will disappear (to leave just the image). Tapping the main image again will make the overlay reappear.
You can check it out in this demo gallery (when viewed on a mobile device): https://juicebox.net/demos/pro/default/

Please note that tapping the main image will not make the overlay disappear (in Small Screen Mode on a mobile device) if either:
(1) You set showInfoButton="TRUE" where tapping the Info Button on the Button Bar will make all of the overlay disappear (except for the Button Bar, which needs to be kept visible at all times so that the user can tap the Info Button again to make the rest of the overlay reappear).
... or:
(2) You set imageClickMode="OPEN_URL" where tapping the main image will open the image (or associated linkURL) in a new page of its own.

Essentially, if you are already setting screenMode="LARGE", then just set buttonBarPosition="TOP" to position the Button Bar in the reserved TOP area (where it will not overlap the main image).
Otherwise, in Touch Input Mode (on mobile devices), tapping the main image will toggle the overlay on and off (with the exceptions I mentioned above).

I hope this helps.

1,198

(3 replies, posted in Juicebox-Pro Support)

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

1,199

(5 replies, posted in Juicebox-Pro Support)

Thank you for posting your suggestion in the Feature Requests forum thread.

I hope you get on OK implementing my suggestion to use the Gallery Title as a link (if you decide to do so).
If you encounter any problems, then just let me know and I'll do my best to help you out.

1,200

(4 replies, posted in Juicebox-Pro Support)

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

Incidentally, I've just double-checked that setting imageShadowBlur to 0 and the opacity of imageshadowColor to 0 in the JuiceboxBuilder-Pro interface writes the correct values to the gallery's 'config.xml' file and it seems to work fine.
Maybe your gallery's 'config.xml' file had a temporary lock on it (perhaps if the gallery was open in a browser whilst you were editing it) which prevented JuiceboxBuilder-Pro from writing to the file.

In any case, I'm glad that all is well.