The opacity values should be between 0 (fully transparent) and 1 (fully opaque).
Just set the Background Color Opacity to 0 (zero) and your gallery will have a fully transparent background.
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
The opacity values should be between 0 (fully transparent) and 1 (fully opaque).
Just set the Background Color Opacity to 0 (zero) and your gallery will have a fully transparent background.
The forum page I'm on is quite different from the one on the screenshot. Mine does not have the obvious 'Post New Topic' button. It is also not branded as SimpleViewer Forum.
The SimpleViewer and Juicebox forums both use the same forum software (just different versions which accounts for the slightly different look and color scheme).
After you click on either the "Juicebox-Pro Support" or "Juicebox-Lite Support" forum heading (on this page), the next page displayed (listing all the threads in the chosen forum) has a 'Post new topic' link in the same place as in my original screenshot.
Please take a look at this new screenshot of the Juicebox forum.
Seems to be Winzip for windows 8 doesn't create the default root folder with the zip file name as in previous versions. I unziped it on my win 7 netbook and all is good now.
It is more than likely that WinZip can be configured to respect the file structure of the archive and create all folders (including the root 'juicebox_pro_1.4.2' folder) so you might like to check your WinZip settings to see if it is set to not create a root folder (or any folders at all).
In any case, I am glad that you have been able to extract the 'juicebox_pro_1.4.2.zip' file successfully and can now install and use JuiceboxBuilder-Pro (following the instructions here).
Thank you for posting back to let me know.
First of all, I notice that your gallery uses Juicebox-Pro v1.4.0.
Please try upgrading to the current version of Juicebox-Pro (v1.4.2). v1.4.1 was quite a big release with a lot of bugfixes (please see the Version History for details) and upgrading might help. (To be honest, I do not thing this is the reason for your problem but at least, after upgrading, we will be able to rule out any bugs from previous versions of Juicebox.)
Instructions for upgrading Juicebox can be found here.
The error is generated by Mod_Security which is an Apache security module installed on your web server.
Your web host would be the best source of help as they will have a better idea of what exactly might be triggering such as error message. It might simply be the fact that Juicebox expands the gallery (on a new page) using JavaScript (rather than a standard HTML hyperlink) and Mod-Security sees this as a possible security risk. Your web host may need to either disable this module on your web hosting account or change its configuration options to prevent the error message from being triggered.
The only possible way around this (without contacting your web host and changing the Mod_Security settings) might be to set expandInNewPage="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) so that when the gallery is expanded from the Splash Page, it expands in the embedding page rather than on a new page. However, for this to work, correctly on iOS devices, the embedding page must have a locked viewport. Please see here for details.
I cannot find how to start a new topic in this forum.
Please see this screenshot which shows where the link is to create a new thread.
It did not have the file 'JuiceboxBuilder.air'
If you would like to check that your 'juicebox_pro_1.4.2.zip' file is complete and not corrupt, you can check its file size and MD5 and SHA1 hashes with a program such as HashCalc (free). The zip file should have the following properties.
juicebox_pro_1.4.2.zip
Filesize: 1,731,520 bytes
MD5: d9b0ea9db1be174e3bea5bb678c7a003
SHA1: 0c550f7ab43fb3a2f03d53ad88a93f7fa5df6cbf
If the properties of your downloaded file match those above, then you have the correct and complete Juicebox-Pro package.
It is unlikely but possible that an anti-virus program may be quarantining the contents of the zip file as soon as it is extracted so try temporarily disabling real-time protection in any security software that you have installed.
Also, you could try extracting the zip file using a different program. Both Mac OS and Windows can natively extract zip files but you might like to try a third-party program such as 7-Zip (free).
If the properties of your downloaded file do not match those above, then please try downloading the file again using a different browser (Chrome, Firefox, Internet Explorer, Opera or Safari).
[Post moved to new thread.]
Maybe you just needed to completely clear your browser's cache in order to see the changes you had made.
In any case, I am glad that your problem has been resolved.
Thank you for posting back to let me know.
I just wanted to post an update in thanks to Steven and his team at Juicebox.
You're welcome! I am glad that your problem has been resolved.
Thank you for posting back to let me know.
But when I go to view them on my iphone its just stuck on the first picture with no arrows to go through or anything.
It sounds like what you are describing is the Splash Page although I cannot check to see how your gallery is currently set up as the link you provided in your post above results in an error 403 (forbidden). (Please check the permissions of the files and folders on your web server. Default permissions of 755 for folders and 644 for files should be fine.)
The Splash Page is a placeholder for the gallery which is displayed by default on small screen devices when the gallery is embedded in a page (rather than displayed on a page of its own).
When the user taps 'View Gallery', the gallery is expanded to fill the user's browser window.
For more information about the Splash Page and how Juicebox adapts to different devices and screen sizes, please see here.
You can choose to not use the Splash Page by setting showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Alternatively, you can force the gallery to be displayed in Large Screen Mode on all devices and in all browsers by setting screenMode="LARGE" ('Customize -> General').
If you choose to continue to use the Splash Page, you can customize it using the Splash Page configuration options.
I see that when using an iframe, the fotomoto shopping cart is disabled.
Yes. This is noted in the 'Using an iframe' support section here.
Is this the case also when using custom purchase URL's?
Yes. Unfortunately, all shopping cart functionality is disabled when a gallery is loaded into an iframe.
Rather than use a web template site (which would require that you host the gallery elsewhere and load it into an iframe), you could perhaps sign up for some web space with a regular web host so that you could upload web pages with Juicebox galleries embedded directly into them.
There are many web hosts which offer free web space which would be suitable. Try a web search with terms such as 'free web hosting'. Please be aware, though, that with a paid account, you will likely better support, greater stability (less downtime) and more features.
If you did have your own web space, then you might like to consider another one of our products - Showkase.
Showkase is a PHP web application which would allow you to create a complete portfolio web site online using a web browser interface.
Showkase has full support for Juicebox-Pro (including Social Media Sharing, Search Engine Optimization, Fotomoto support and the ability to enter individual purchaseURLs for each image via the interface) and the galleries can be created within the application itself (or created with JuiceboxBuilder-Pro and then imported into Showkase).
Showkase also has the ability to create non-gallery pages such as 'About', 'Contact' and 'Basic' pages where you can enter information about yourself and contact details.
Demo sites created with Showkase can be found here.
All of this is done automatically within the Showkase interface without the need for any manual coding at all.
If you would like to take a look around the Showkase interface, you can log into the Live Demo Admin here.
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.
As you already have Juicebox-Pro, you could purchase Showkase-Standard and upgrade it to use your Juicebox-Pro files by following the instructions here.
could you have the SEO option ticked, captions entered and the caption set to use none?
Yes. You can enter captions for your images, select the 'Add SEO Content' checkbox (so that the captions are used in the SEO content) and set captionPosition="NONE" (so that the captions are not displayed in the gallery).
I set the captions to "use none" so they would not display under my image however they do appear.
Please make sure that your gallery uses Juicebox-Pro and not Juicebox-Lite. captionPosition is a Pro only configuration and is not available in Juicebox-Lite (the free version).
Also, try clearing your browser's cache before reloading your gallery's web page to ensure that your browser is fetching and using the most recent versions of your gallery files from your web server.
If this still does not help, then please post the URL to your gallery's web page so that I can take a look and help further.
Everything had worked fine for a long time. I do not know what happened.
If everything was previously working OK but now is not, then something must have changed for this to happen.
If you have not made any changes anything yourself, then please check with your web host to see if they have made any changes recently which might be contributing to your problem.
Juicebox Error: cannot find div with id "gallery name"
This problem may be caused by the gallery's container not being present in the Domcument Object Model (DOM) at the time the Juicebox gallery is loaded.
Please make sure that the DOM is complete (and that the gallery's container exists on the page) before running your custom JavaScript function which loads the gallery in the mobile version of your web site.
You could perhaps use jQuery and wrap the call to load the gallery in a $(document).ready() function.
Also, try validating your web pages with the W3C Markup Validation service and fix any errors reported. Once the code on your web pages validates correctly, your site should display with greater predictability and consistency across different browsers.
Try upgrading the plugin before installing it with the following procedure:
(1) Download the Lightroom plugin from this web page.
(2) Unzip the 'juicebox_lightroom_plugin.zip' file to extract the 'juicebox.lrwebengine' package.
(3) Browse inside the 'juicebox.lrwebengine' package by Ctrl+Click and selecting "Show Package Contents".
(4) Replace the 'jbcore' folder inside the 'juicebox.lrwebengine' package with the 'jbcore' folder from the Juicebox-Pro zip file ('juicebox_pro_1.4.2/web/jbcore').
(5) Install the plugin by double-clicking on the 'juicebox.lrwebengine' package.
(Installing the plugin by double-clicking on the package works only on Mac, not PC.)
Whenever I use the google drive technique, on chrome, nothing appears, IE shows "this content cannot be shown in a frame" and Firefox displays a google drive log in screen.
It looks like Google have changed their Drive interface and the 'Preview' button to generate a URL for the gallery's 'index.html' page is no longer displayed on the toolbar.
Please see this Google forum thread relating to this issue.
Try one of the following to get the required URL to use in your iframe:
Method #1:
(1) In a web browser, log into your Google Account.
(2) Open Drive.
(3) Make sure that you are using the old Drive by clicking on the 'cog' icon and selecting 'Leave the new Drive' (if necessary).
(4) Open your gallery folder.
(5) Select the checkbox next to the gallery's HTML index page.
(6) Make sure the 'Details/Activity' side pane is open (by clicking on the 'info' icon if necessary).
(7) Click 'Details' (rather than 'Activity).
(8) Scroll down to the 'Hosting' section.
(9) Copy the URL displayed.
This screenshot should hopefully make things a little clearer (highlighting the relevant areas on the screen).
Method #2:
Alternatively, you could build the required URL manually as follows:
(1) Start with a base of https://googledrive.com/host/
(2) Add the Folder ID. Open the gallery folder in Drive in a browser and copy the ID from the URL in the browser's address bar. It will look something like this: 0BxXHNif2h4NRcmxHOW9lUDBWWTQ
(3) Add a slash ('/') to the URL.
(4) Add the name of the gallery's index page.
You will end up with a URL which looks like: https://googledrive.com/host/0BxXHNif2h … index.html
If Google do not reinstate the 'Preview' button soon, I will ensure that the instructions on our web site are updated accordingly.
With your gallery having a height of 100%, it will fill its parent container (no matter what its size) so to reduce the gallery's height, you will need to reduce the height of the parent container or set a height for the parent container if it does not already have one. If setting the gallery's height to 100%, Juicebox needs to know what it should be 100% of.
Otherwise, try giving your gallery a fixed pixel height such as 600px or a smaller percentage height.
When using percentage heights, it may be necessary to use inline CSS to assign heights to parent containers.
Please see this note for Using Percentage Heights.
I'm not sure what might have been causing your problem. All versions of WP-Juicebox work with all Pro 'jbcore' folders and, even though there may be bugs in certain versions of WP-Juicebox or Juicebox-Pro, no combination should cause the problem you reported.
However, I'm glad that using the latest version of WP-Juicebox works and seems to have solved your problem.
Thank you for posting back to let me know.
this one had a folder assets
Just to let you know, the new 'assets' folder contains an icon to be displayed in the plugin installer page (only for plugins hosted in the WordPress repository).
First of all, distinctions should be made between a 100% x 100% gallery (which fills the browser window without being expanded), expanding 'full browser' and expanding 'full screen'.
You can embed a gallery in a web page and make it fill the browser window by giving it dimensions of 100% x 100%.
This can be done in both Juicebox-Lite and Juicebox-Pro.
If a gallery is smaller than the browser window (has dimensions of less than 100% x 100%), then the gallery can be expanded (to fill the browser window) by clicking the gallery's Expand Button (on the Button Bar). (The Expand Button is automatically hidden in a 100% x 100% gallery.)
This is also true of both Juicebox-Lite and Juicebox-Pro.
Juicebox-Pro has a further feature (useFullscreenExpand) whereby a gallery can be expanded to cover the user's entire screen (rather than just the browser window). This is not available to Juicebox-Lite users.
When a gallery is expanded (either 'full browser' or 'full screen'), the gallery is the only thing visible. All other elements on your web page are temporarily hidden from view until the expanded gallery is closed.
It sounds like what you are looking for is a gallery with dimensions of 100% x 100% (and no need to worry about 'full browser' or 'full screen' expansion).
You could certainly stack a navigation banner on top of a gallery by assigning it a high enough z-index value but you may run into problems. This may obscure the gallery's Button Bar (depending on where it is positioned) and it will almost certainly partially obscure the main image hit areas (although only over the portions of the main image which the navigation banner overlaps, the remainder of the main image hit areas not covered by your navigation banner should still work fine). If this becomes a problem, there are still the main image navigation buttons which can be clicked to navigate throughout the gallery and you can also add navigation buttons to the Button Bar (Pro only) by setting showNavButtons="TRUE".
I would not try to add any padding to internal CSS classes used by Juicebox (for example the hit areas). Juicebox would not be aware of such custom modifications and this could cause problems when the gallery is resized (on different devices or when the user's browser window is resized).
Embedding a Juicebox-Lite gallery is exactly the same as embedding a Juicebox-Pro gallery and stacking a navigation banner on top of a gallery would make no difference whether Lite or Pro is being used so you could try out what you want to do with Juicebox-Lite before purchasing Juicebox-Pro.
However, I would not recommend trying to stack a navigation banner on top of a gallery. Instead, I would try to keep both elements separate and have the navigation banner above the gallery, like in the View Resizable Gallery with Top Menu Example. In the example, the header is given a fixed height and the gallery fills the remainder of the browser window (without the need for any scrollbars).
You could view the source of the web page in a browser and copy or modify the code to suit your own needs.
I hope these notes are helpful.
Thank you for removing the extra code.
It looks like your gallery is being displayed immediately below your side menu (instead of to the right of it).
Try changing:
<div id="juicebox-container"></div>... to:
<div id="juicebox-container" style="float: right;"></div>Hopefully this will help.
Do you still see the branding (the Juicebox badge/logo) in the lower-right corner of your galleries?
If so, then your galleries are Juicebox-Lite (rather than Juicebox-Pro) and your upgrade has been unsuccessful. (Juicebox-Lite has a 50-image limit per gallery. Juicebox-Pro does not.)
The most likely reasons for this are either:
(1) You have copied the Lite 'jbcore' folder (instead of the Pro 'jbcore' folder) to the Lightroom plugin package.
(2) You have copied the Pro 'jbcore' folder to an incorrect location.
(3) You have copied the Pro 'jbcore' fodler to the correct location but the Lite files have not been overwritten.
Instructions for upgrading the Lightroom plugin from Juicebox-Lite (which it comes bundled with) to Juicebox-Pro can be found on the plugin's support page.
Please check that you are using the Pro 'jbcore' folder from the Juicebox-Pro download zip package ('juicebox_pro_1.4.2/web/jbcore'). Then, open the Lightroom plugin's 'lightroom.lrwebengine' folder (double-click on Windows or Ctrl+Click and select "Show Package Contents" on Mac) and delete the existing Lite 'jbcore' folder before copying the Pro version in its place.
Once you have replaced the Lite 'jbcore' folder with the Pro version, the plugin will have no option but to use the Pro files and all galleries subsequently created by the plugin will be Pro (with no image limit per gallery).
@piers.michael
The original poster's problem appeared to be due to the use of the SG CachePress plugin which was still serving Juicebox-Lite files from a Content Delivery Network even after replacing the Lite 'jbcore' folder in the 'wp-juicebox' directory with the Pro version. If you are also using this plugin, then possible solutions would be to purge the cache (by clicking the 'Purge the Cache' button on the plugin's settings page), exclude the 'wp-juicebox' directory from being cached (also on the plugin's settings page) or disable the plugin.
WP-Juicebox is compatible with Juicebox-Pro v1.4.2 and if your zip file's MD5 matches the one I posted above, then you definitely have Juicebox-Pro so the problem likely lies with either the files on your web server or with server-side caching.
The gallery whose link you posted uses Juicebox-Pro v1.4.2, displays your Flickr images and uses your Pro options so it looks like you have successfully upgraded WP-Juicebox to use your Pro files.
If you still do not see what you expect (even after clearing your browser's cache), then this leaves server-side caching as the likely cause of your problem. Please check the settings of any caching plugins you may use or try temporarily disabling them to see if this helps.
WP-Juicebox v1.4.2.1 has now been released with a fix for the bug mentioned above (the inability to edit galleries using WebKit browsers).
It can be downloaded from the plugin's own support page here.
WP-Juicebox v1.4.2.1 has now been released with fixes for both the bugs mentioned above (the inability to edit galleries using WebKit browsers and NextGEN and Picasa galleries not displaying).
It can be downloaded from the plugin's own support page here.
The <p>, <br /> and CDATA tags are not being inserted by WP-Juicebox.
It looks like these tags are being inserted by WordPress's wpautop function.
Perhaps your current theme is using this functionality.
Try temporarily reverting to a default WordPress theme to see if this makes a difference.
I have a test WordPress installation currently using the Twenty Fourteen theme and the embedding code visible in the source of the web page does not have <p>, <br /> or CDATA tags .
Try installing the wpautop control plugin and use it to disable wpautop in your pages and posts containing WP-Juicebox galleries.
First of all, try removing the custom CSS which sets dimensions directly on the .jcbx-glry-classic class.
Juicebox itself will not know of your custom CSS and this may complicate matters.
Also, remove the margin-bottom: 100px; CSS rule on the gallery's parent container (at least for the time being).
These may be making things more complicated than necessary.
I would then try setting the gallery's width and height to 100% (so that the gallery fills its parent container, no matter what its size) and then assign the required dimensions to the parent container.
but the background always extends downward past the end of the parent div
It looks like the background you are referring to is the div with id="mainContainer" so check its height in your CSS. It looks like reducing its maximum height (via CSS max-height) may help.
As noted in the Multi-Size Image Support page:
For Retina Displays, we use the the following logic:
MEDIUM - Used in Small Screen Mode.
LARGE - Used in Large Screen Mode.
If your gallery forces Large Screen Mode, then it will display large images for the main gallery display on your retina iPhone 4.
If the Screen Mode is set to AUTO or SMALL, then the gallery should be displayed in Small Screen Mode on your iPhone and medium images should be used for the main gallery display.
(The logic behind Juicebox-Pro's decision-making process cannot be changed.)
If this does not explain what you are seeing, then please post the URL to your own gallery so that I can take a look and investigate further. Thank you.
Could you guys email me the correct pro file? I'm pretty confident at this point I'm not getting the right zip from e-junkie...
If your Juicebox-Pro zip file is named 'juicebox_pro_1.4.2.zip', then it is unlikely that the files inside are Lite and not Pro.
You can check that the 'jbcore' folder is Pro by opening the 'jbcore/juicebox.js' file in a plain text editor and having a look at the comments at the top of the file.
If the 'juicebox.js' file is Pro, it will read "Juicebox-Pro 1.4.2" rather than "Juicebox-Lite 1.4.2".
***The odd thing about all this is that I do have access to 'Pro config options' from within Wordpress.***
The Pro Options text area is available to both Lite and Pro users (although any Pro Options entered will become active only after the plugin has been upgraded to Juicebox-Pro).
If you want to double-check that the zip file you have is, indeed, the Juicebox-Pro zip file (and that it is also complete and not corrupt), you can check the MD5 and/or SHA1 hashes of the file with a program such as HashCalc (free).
juicebox_pro_1.4.2.zip
MD5: d9b0ea9db1be174e3bea5bb678c7a003
SHA1: 0c550f7ab43fb3a2f03d53ad88a93f7fa5df6cbf
I'm hesitant to download again because I saw I only get 5 downloads and wanted to see if you suggest anything else first.
Please don't worry about using up your 5 downloads. If/when your link expires, just fill in this Download Link Request Form to request a new download link. In doing so, you will always have an active link and be able to re-download Juicebox-Pro (or download a new version when it becomes available) if necessary.
The only other reason for still seeing the branding (other than uploading Pro files to an incorrect location or uploading Lite files to the correct location) would be server-side caching, which may be serving up old (Lite) files from a cached location even after replacing the 'jbcore' folder.
Please make sure that you do not have any WordPress caching plugins installed and enabled.
Assuming you can confirm that you do have the Pro 'jbcore' folder (by checking as above), try deleting the existing 'jbcore' folder from your web server ('wp-content/plugins/wp-juicebox/jbcore'). Now, before uploading the Pro version, check your web page. The gallery should no longer display (with the 'jbcore' folder now missing). If the gallery does display, then either you are deleting a secondary 'jbcore' folder from your web server that your gallery is not using (from a location other than 'wp-content/plugins/wp-juicebox/jbcore') or there is some server-side caching happening. If this is the case and you do not have any WordPress caching plugins installed and enabled, then try contacting your web host and ask them if they have any such caching in place that might result in what you are seeing.
Hopefully this will help.
As your gallery still has the Juicebox branding, your upgrade to Juicebox-Pro has not been successful.
The two most likely reasons for this would be:
(1) You have uploaded the Pro 'jbcore' to an incorrect location on your web server.
(2) You have uploaded the Pro 'jbcore' to the correct location on your web server but the existing Lite 'jbcore' files have not been overwritten.
Check that you are uploading the entire Pro 'jbcore' folder (not just the contents) to your 'wp-content/plugins/wp-juicebox/' directory.
Also, try deleting the existing Lite 'jbcore' folder from your web server ('wp-content/plugins/wp-juicebox/jbcore') before uploading the Pro version in its place.
@ps76
If you ever need to edit multiple XML files again, you might like to take a look at Notepad++.
It is a free text editor which is capable of editing multiple files at once and it supports regular expressions so you could open all your gallery XML files and surround your existing captions with the <span></span> tags in a single search and replace action across all files.
Regular expressions take a bit of getting used to but they are a powerful tool when it comes to searching and replacing.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.