You're welcome!
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
You're welcome!
It looks like the following custom CSS from your 'fsa_theme.css' file may be causing the problem.
/* To hide Juicebox logo */
.jb-classifier-link-wrapper + div{
opacity: 0;
visibility: hidden;
}As you are using Juicebox-Pro, the Juicebox logo will not be displayed in any of your Pro galleries so this custom CSS should not be required.
I hope this points you in the right direction.
Incidentally, Juicebox (both Lite and Pro) may be used for personal and/or commercial projects but, if using Juicebox-Lite, please ensure that the Juicebox download link in the bottom right corner is clearly visible. Thank you.
I assume this is what you refer to as the 'gallery folder'.
Yes. Your 'jb-main', 'jb-details' etc., folders are your gallery folders.
As noted in the Common Terms support section, the gallery folder is defined as follows:
Gallery Folder - this is the folder that contains the index.html file, config.xml file, gallery images and thumbnails and the jbcore folder.
I tried the 2nd example above, but didn't add the /before jb-xxx.
The leading slash denotes your root directory so, as long as your gallery folders ('jb-main', 'jb-details' etc.) are in your root directory, a path such as '/jb-main/index.html' should work fine (from any page within your web site).
@fkelly12054
Thanks for helping out.
As you say, all that is required to have a different audio track per gallery is to supply an MP3 and an OGG file for each gallery and set the appropriate audioUrlMp3 and audioUrlOgg paths in each gallery's XML configuration file.
There are free mp3 to ogg converters on line.
Just in case it helps, there's a link to an online converter in the Adding Audio support section.
My gallery folder is called "jb-details", and is in with all my site folders in their own folder "APS woodwork".
I'm not sure where the 'jb-main' folder (from both of your sample iframes) comes from.
The 'src' attribute of your iframe should point towards the 'index.html' file within your gallery folder.
The 'src' attribute can be relative (to the web page containing the iframe code) or absolute in the form http://www.example.com/gallery/index.html
For example, if your gallery folder is named 'jb-details' and you have uploaded the entire folder (not just the contents) to the root directory of your web space, then you could use either of the following:
<iframe src=" http://www.apswoodwork.uk/jb-details/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe><iframe src=" /jb-details/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>The leading slash in the second example denotes your root directory.
If you want to use a relative path, then the path will depend on the location of the page containing the iframe code.
Here's another example.
If your gallery folder is named 'jb-details' and you have uploaded the entire folder to another folder named 'APS woodwork' (which is in the root directory of your web space) and you are looking to load the gallery into an iframe in a web page in your root directory, then you could use:
<iframe src=" http://www.apswoodwork.uk/APS woodwork/jb-details/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe><iframe src=" /APS woodword/jb-details/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe><iframe src=" APS woodwork/jb-details/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>I hope this helps.
In order to set configuration options (such as flickrTags) via a query string in the URL, you'll need to set debugMode="TRUE" in the gallery's embedding code. (Please see the Setting Config Options support section for details.)
To do this within the Juicebox plugin for WordPress, open WP-Juicebox's 'wp-juicebox.php' file in a plain text editor and change line 280 from:
$string_builder .= ' backgroundColor: "' . $background_color . '",' . PHP_EOL;... to:
$string_builder .= ' debugMode: "TRUE", backgroundColor: "' . $background_color . '",' . PHP_EOL;You can then set a flickrUserName via the WP-Juicebox gallery settings interface (as usual) and set the flickrTags option via a query string in the URL, for example:
http://www.example.com/gallery/?flickrTags=landscape
If you wanted to, you could set the flickrUserName (or any other configuration options) via the query string, too. Configuration options set via the query string take precedence over those set via the embedding code or in the gallery's XML configuration file. For example:
http://www.example.com/gallery/?flickrUserName=my_flickr_account&flickrTags=landscape
Please note that the line number above refers to the current version of WP-Juicebox (v1.5.0).
(In the version of WP-Juicebox that you are currently using, the line to modify will be somewhere in the region of 289 ~ 290.)
I agree. If you keep all your images under your own control (on your own server/web space), then you cannot have the rug pulled out from under you by a third-party image host at a moment's notice if or when they decide to change their policies.
Please fill in the Download Link Request Form and the admin team will send you a new download link.
Just fill in the form to the best of your ability (with an approximate purchase date if you cannot remember the exact date) and use the 'Additional Information' box at the foot of the form to add any notes which might help the admin team find your transaction details.
Download Link Request Form: https://juicebox.net/admin/download_request/
Also, I have no Edit>Preferences drop-down. All I have is: JuiceBoxBuilder-Lite | Gallery | Images | Presets | Help
Just to clarify, the 'Edit -> Preferences...' option was a reference to the Adobe Lightroom interface (not JuiceboxBuilder-Lite).
If I need Adobe Lightroom, ... negative.
The Juicebox-Lite plugin for Adobe Lightroom is just that: a plugin to allow Juicebox-Lite galleries to be created via the user interface in Adobe Lightroom.
If you do not have Adobe Lightroom, then you will not be able to use the Juicebox-Lite plugin for Adobe Lightroom.
Don't worry, though. The Juicebox-Lite plugin for Adobe Lightroom is just one way to create Juicebox-Lite galleries. It is provided as a convenience for users who already include Adobe Lightroom in their workflow and want to create Juicebox-Pro galleries without switching to another program (such as JuiceboxBuilder-Lite).
However, you do not need Adobe Lightroom to create Juicebox-Lite galleries. You can use JuiceboxBuilder-Lite (which also comes bundled within the Juicebox-Lite zip package) instead. It requires Adobe AIR to run but Adobe AIR is free. Please see the links below regarding JuiceboxBuilder. Installation instructions can be found in the User Guide. (It sounds like you may already have installed JuiceboxBuilder-Lite.)
JuiceboxBuilder Tour: https://www.juicebox.net/tour/juiceboxbuilder/
JuiceboxBuilder User Guide: https://www.juicebox.net/support/juiceboxbuilder/
A Juicebox-Lite gallery created with JuiceboxBuilder-Lite is exactly the same as a Juicebox-Lite gallery created with the Lightroom plugin (assuming similar configuration options are used in both) so you are not missing out on any Juicebox features or functionality by not having Adobe Lightroom.
As well as JuiceboxBuilder-Lite and the Lightroom plugin, there are other methods of creating Juicebox-Lite galleries.
Please see the Juicebox Plugins support section for details.
I hope that helps to clarify things.
On a Mac, all you should need to do is extract the 'juicebox_lite_1.5.0.zip' file, go inside the 'juicebox_lite_1.5.0/adobe-lightroom-plugin/' folder and double-click the 'juicebox_lite.lrwebengine' package.
If this does not work, then it might be worthwhile uninstalling and then reinstalling Adobe Lightroom to see if this helps (although the manual method of copying the 'juicebox_lite.lrwebengine' package to the 'Web Galleries' folder should also work fine).
Also, please make sure that you have Adobe Lightroom v4 or later installed. The 'juicebox_lite.lrwebengine' plugin will not work with Adobe Lightroom v3 or earlier.
2. I am on a Mac, yes, and; 'Users/username/Library/Application Support/Adobe/Lightroom/Web Galleries/' does not exist
If you cannot find Adobe Lightroom's 'Web Galleries' folder on your computer, then please try the suggestion from my post above:
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
This is the folder that you should copy and paste the 'juicebox_lite.lrwebengine' package to (when installing the plugin manually if double-clicking the 'juicebox_lite.lrwebengine' package does not work).
If you do not have a 'Web Galleries' folder (although it should exist by default after installing Lightroom), then try creating it manually in your 'Users/username/Library/Application Support/Adobe/Lightroom/' directory.
3. Looking into the package content? Doesn't show anything neither.
There should be no need to look inside the package (although it seems strange that you do not see anything inside it).
To install the plugin to Adobe Lightroom, either double-click the 'juicebox_lite.lrwebengine' package or, if this does not work, copy and paste the 'juicebox_lite.lrwebengine' package to the 'Web Galleries' folder (see above).
So Any idea where this """juicebox_lite.lrwebengine""" is hidden? Does it exist, even?
The 'juicebox_lite.lrwebengine' package is bundled within the Juicebox-Lite zip file.
Extract the 'juicebox_lite_1.5.0.zip' file and you'll find the 'juicebox_lite.lrwebengine' package in this location: juicebox_lite_1.5.0/adobe-lightroom-plugin/juicebox_lite.lrwebengine
4. Looking into the Libraries (several possible locations)? Nothing there neither.
The only location that the plugin should be installed to is 'Users/username/Library/Application Support/Adobe/Lightroom/Web Galleries/'.
I noticed you mention 'juicebox_pro.lrwebengine', but PRO wasn't my issue. Lite is. and This is the forum for Lite. No?
Sorry. There was an instance of 'juicebox_pro.lrwebengine' rather than 'juicebox_lite.lrwebengine' in my post above (which I have since corrected).
I hope these notes help you to successfully install the plugin.
Edit:
Incidentally, the Lightroom plugin was first bundled into the Juicebox-Lite zip file in v1.4.3.
If you have a version prior to v1.4.3, you will not find the 'juicebox_lite.lrwebengine' package inside the Juicebox-Lite zip file.
You can download the current version of Juicebox-Lite (v1.5.0) from the download page here.
On a PC, 'juicebox_lite.lrwebengine' is just a regular folder that you can go inside. However, on a Mac, it is seen as a special package which you would need to right-click and select 'Show Package Contents' to go inside.
Instructions for installing the Lightroom plugin can be found on its support page here.
On a PC, just drag and drop the 'juicebox_lite.lrwebengine' folder onto your Lightroom desktop shortcut.
If, for any reason, this does not work, copy the entire 'juicebox_lite.lrwebengine' folder (not just the contents) to your Lightroom 'Web Galleries' folder: C:\Users\username\AppData\Roaming\Adobe\Lightroom\Web Galleries\
You might need to show hidden files to navigate to this location on your PC using Windows File Explorer.
Otherwise, you can open your Lightroom 'Web Galleries' folder by opening Lightroom, going to 'Edit -> Preferences' (from the drop-down menu at the top), selecting the 'Presets' tab, clicking the 'Show Lightroom Presets Folder...' button and then navigating inside the 'Lightroom/Web Galleries/' folder.
On a Mac, just double-click the 'juicebox_lite.lrwebengine' package.
The Lightroom 'Web Galleries' folder can be found in this location on a Mac: Users/username/Library/Application Support/Adobe/Lightroom/Web Galleries/
When a Juicebox gallery is displayed on a touch-enabled mobile device, Juicebox uses Touch Input Mode (rather than Mouse Input Mode). Please see the Input Mode support section for more information.
In Touch Input Mode, the imageTransitionType is always set to SLIDE (which is the transition which best fits with the swipe gesture for navigating between images).
The imageTransitionType can be set only for Large Screen Mode and Mouse Input Mode. This is noted in the short description for imageTransitionType in the Main Image section of the Config Options Page:
imageTransitionType: How to transition between images. Only applies for Large Screen Mode and Mouse Input Mode.
Unfortunately, there is no way to change the imageTransitionType on a touch-enabled mobile device. It will always be set to SLIDE.
However, if you like, you can post suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
I do not know the likelihood of any suggestions being implemented but this is certainly the best place for all ideas.
Thank you.
I'm glad you've got it working. Thank you for letting me know.
Just a note that autoplay on load has to be unchecked.
Good catch! Also, make sure that you do not set a firstImageIndex (in JuiceboxBuilder-Pro's 'Customize -> General' section).
There are a few factors which determine how Juicebox-Pro displays a gallery.
First of all, thumbnails and main images are displayed on separate pages only in Small Screen Mode. In Large Screen Mode, the thumbnails and main images are displayed together on the same page.
By default, Juicebox-Pro will use Small Screen Mode only on mobile (small screen) devices.
If you want Juicebox-Pro to always use Small Screen Mode regardless of the device being used to view the gallery (and, therefore, always display thumbnails on a separate page), set screenMode="SMALL" (in JuiceboxBuilder-Pro's 'Customize -> General' section).
To ensure that the thumbnail page is displayed (rather than the first image in the gallery) when the gallery is initially loaded, be sure to set showSmallThumbsOnLoad="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section).
In Small Screen Mode, if a gallery is displayed on a page of its own (with dimensions of 100% x 100% and no other content on the page), then the thumbnail page will be displayed by default.
However, if the gallery is embedded in a page (with dimensions of less than 100% x 100% or with other content on the page), then the Splash Page will be used by default. (The user can click/tap the Splash Page to expand the gallery.)
To disable the Splash Page and always display the thumbnail page (regardless of whether the gallery is embedded alongside other content or not), set showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Please note that the actual number of thumbnails displayed will depend on the thumbnail dimensions (thumbWidth and thumbHeight) and the available space on the user's screen. If there is not enough room to display all teh thumbnails in the gallery, then additional thumbnail pages will be generated and the user can navigate through them by swiping left and right (in Touch Input Mode) or by clicking the thumbnail paging arrows (in Mouse Input Mode).
More information about Screen Modes, Input Modes and the Splash Page can be found in the Gallery Tour.
I hope this helps to clarify things.
Setting screenMode="SMALL" will be enough for Juicebox-Pro to use separate thumbnail pages but, depending on other factors (see above), it might not be enough for the thumbnail pages to initially be displayed. You might find that you need to also set showSmallThumbsOnLoad="TRUE" and showSplashPage="NEVER".
If you continue to experience difficulties, please post the URL to your gallery's web page so that I can take a look at your gallery for myself and hopefully help further. Thank you.
Yes. A Juicebox gallery's layout and functionality will not change, regardless of whether the image source is local or a Flickr account.
A Flickr-sourced Juicebox gallery will still display the thumbnail page (as long as the gallery's configuration options allow for this).
Here is an example of a Flickr-sourced Juicebox gallery displaying a thumbnail page in Small Screen Mode:
https://www.juicebox.net/demos/pro/defa … lickr=TRUE
Edit:
I'm sure it's in the forums somewhere but I can't find a "search" option.
I forgot to mention earlier that you can find the forum's search function as the 4th option from the left in the 1st blue bar near the top of the page. You can click the 'Advanced search' link (at the right side of the 2nd blue bar) if you need more search options than are initially displayed.
You're welcome!
I'm glad that my suggestion was useful.
The 'full.html' file is used internally by Juicebox when a gallery is expanded (via the Splash Page or the Button Bar's Expand Button) on a page of its own (i.e. when expandInNewPage="TRUE" or on iOS devices) rather than on top of the embedding page.
As such, the 'full.html' file should be left as it is and should not be modified.
(Please see the Expand Gallery Behavior support section for further information.)
The only way that this could happen is if:
(1) All galleries share the same 'jbcore' folder (and therefore the same 'juicebox.js' and 'pswd.php' files): https://www.juicebox.net/support/embedd … ore-folder
(2) All galleries are opened in the same browser tab during the same session.
There is no other way to have a single password work across different galleries.
Hopefully you'll be able to get this working in your site.
How do I set the small screen option (only) to default to thumbnails without a splash screen?
Set showSplashPage="NEVER" in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section (and showSmallThumbsOnLoad="TRUE" in the 'Customize -> Thumbnails' section) and, in Small Screen Mode, Juicebox-Pro will initially display the thumbnail page instead of the Splash Page. (In Large Screen Mode, Juicebox-Pro will not display the Splash Page unless showSplashPage="ALWAYS" so setting showSplashPage="NEVER" will not make any difference to the Large Screen Mode display.)
The help by email has been fantastic up to now, thanks.
You're welcome! I'm glad we've been able to help with your queries.
The icons in a Juicebox gallery are characters in a custom font. The font files are stored in the 'jbcore/classic/fonts/' folder and the correct characters are assigned to the corresponding buttons in the 'jbcore/classic/theme.css' file.
You can find out a little more about Juicebox icons in the Using Custom Icons support section.
It sounds like your problem was due to your browser caching and using older font or theme files from your v1.4.0 Lite galleries.
Once you cleared your browser's cache, the v1.5.0 Pro files (with support for the Download Button) were used.
Thank you for posting back to let me know that your problem has been resolved.
That's great!
Thank you for letting me know.
When embedding multiple galleries on a single page, the 'juicebox'js file should be loaded only once per page (rather than once per gallery).
Your problem is almost certainly being caused by loading both the Juicebox-Lite and Juicebox-Pro 'juicebox.js' files on the same page.
Just remove the line of code loading the Juicebox-Lite 'juicebox.js' file (below) and your problem should be resolved (the Juicebox-Pro 'juicebox.js' file will then be used for both galleries).
<script src="juicebox_gallery/2016_09_MET-APTIC_Barbera_de_la_Conca/jbcore/juicebox.js"></script>Here are a few suggestions which might help.
(1) Try completely clearing your browser's cache before reloading your gallery's web page to see if this helps.
(2) Try viewing your gallery in different browsers (Chrome, Edge, Firefox, Internet Explorer, Opera, Safari) on your desktop computer to see if the problem is unique to a certain browser.
(3) If you have any browser extensions installed (like an ad blocker for example), try temporarily disabling them to see if this makes a difference.
(4) Try upgrading your gallery to the current version of Juicebox-Pro (v1.5.0). You can download the latest version using the link from your purchase email. Just swap your gallery's 'jbcore' folder for the one inside the Juicebox-Pro v1.5.0 zip package ('juicebox_pro_1.5.0/web/jbcore/'). Full instructions for downloading the latest version and upgrading existing galleries can be found on the Upgrading Juicebox support page.
(5) If you continue to experience difficulties, please post the URL to your gallery's web page so that I can take a look at the gallery for myself. I might see something that helps to determine the cause of your problem. Thank you.
disabling 'link URL' helps and works perfectly now!
That's great! Thank you for letting me know.
(Thanks also for posting your suggestions in the Feature Requests forum thread.)
You're welcome!
@3dworks
Just deselect the 'Link URL' checkbox in the 'Image Info' control panel (below all the Juicebox configuration options in the 'Appearance' control panel) and the linkURL entries in your gallery's XML file will be empty and Juicebox will use the imageURL entries for the Download Button instead.
Otherwise, you could build up your own linkURL entries by selecting the 'Link URL' checkbox, clicking the text to the right of the 'Link URL' checkbox, selecting 'Edit...' from the drop-down menu and entering something like the following in the text area:
http://www.example.com/gallery/images/{Filename»}.{Filename Extension»}{Filename»} and {Filename Extension»} can be entered by selecting 'Filename' and 'Filename Extension' respectively from the first combobox in the 'Image Name' section and clicking the 'Insert' button for each one.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.