You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
It may still be possible to open images with a lightbox script other than Shadowbox but Shadowbox made it easy by allowing its lightbox to be opened via a custom JavaScript call.
If you are still interested in using Shadowbox, then you should be able to download the files from the GitHub page here: https://github.com/mjackson/shadowbox
Try installing another AIR application from a different source/author to see if this installs correctly or fails.
There are some sample AIR applications on this Adobe page: http://www.adobe.com/devnet/air/samples_javascript.html
This should tell us if there is an underlying problem with Adobe AIR on your system or if the problem is isolated to JuiceboxBuilder-Lite on your system.
If you are unable to install any AIR applications, then perhaps searching through and posting in the Adobe AIR forum might prove useful: https://forums.adobe.com/community/air
If you can install other AIR applications but JuiceboxBuilder-Lite fails to install, then please double-check that all JuiceboxBuilder-Lite files (from any failed installs) have been deleted from your system before reattempting the installation.
Make sure that none of the following folders exist:
C:\Program Files (x86)\JuiceboxBuilder-Lite
C:\Users\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Lite
C:\Users\Username\AppData\Roaming\JuiceboxBuilder-Lite
C:\Users\Username\Documents\JuiceboxBuilder-Lite
You may need to show hidden files to find some of the above locations in Windows Explorer.
Then, search your hard drive for the term 'JuiceboxBuilder' and delete any and all entries found.
Adobe released AIR v17.0 on 12 March 2015 so you might like to try updating AIR (if you have not already done so) to see if this makes a difference.
Also, have you tried creating a new User Account and installing JuiceboxBuilder-Pro under the new account to see if this works?
It should certainly be possible to load a Juicebox gallery into a lightbox as long as the lightbox script in question supports displaying HTML pages (rather than just images) as a Juicebox gallery needs to be embedded in an HTML web page.
As far as I am aware, Lightbox does not support displaying HTML pages.
An alternative to Shadowbox for this purpose would be SimpleModal.
To see an example in action, create a sample gallery with JuiceboxBuilder-Pro, use the following code for the gallery's 'index.html' file and include the jQuery and SimpleModal JavaScript files in your gallery folder.
Then, open the 'index.html' page in a browser and click the 'Gallery' button to open the gallery in a SimpleModal overlay.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" id="jb-viewport" content="minimal-ui" />
<style type="text/css">
body {
margin: 0px;
}
#juicebox-container {
display: none;
}
.simplemodal-wrap {
overflow: hidden !important;
}
#simplemodal-container {
background-color: #333333;
border: 8px solid #444444;
height: 400px;
padding: 12px;
width: 600px;
}
#simplemodal-container a.modalCloseImg {
background: url('simplemodal/x.png') no-repeat;
cursor: pointer;
display: inline;
height: 29px;
position: absolute;
right: -16px;
top: -15px;
width: 25px;
z-index: 3200;
}
</style>
<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="jquery.simplemodal.js"></script>
<script>
$(document).ready(function() {
$('#link').click(function() {
$('#juicebox-container').modal({
onClose: function (dialog) {
dialog.data.fadeOut('slow', function() {
dialog.container.hide('slow', function() {
dialog.overlay.fadeOut('slow', function() {
$.modal.close();
});
});
});
},
onOpen: function (dialog) {
dialog.overlay.fadeIn('slow', function() {
dialog.data.hide();
dialog.container.show('slow', function() {
dialog.data.fadeIn('slow');
new juicebox({
containerId: "juicebox-container",
galleryHeight: "100%",
galleryWidth: "100%"
});
});
});
},
overlayCss: {
backgroundColor: "rgba(0,0,0,0.5)"
}
});
return false;
});
});
</script>
<title>Test</title>
</head>
<body>
<div id="header">
<input type="button" id="link" value="Gallery" />
</div>
<div id="juicebox-container"></div>
<div id="footer">
<span>Other content</span>
</div>
</body>
</html>If you want to open an image from within a gallery in a lightbox script, then this would be more complex and I have only had success doing so with Shadowbox (as noted in my posts above).
Perhaps other users have tried this with other lightbox scripts and can help out further.
I'm glad my suggestion worked.
Thank you for posting back to let me know.
Out of interest, what version of Windows are you using?
Is there anything out of the ordinary about your setup?
Do you use multiple hard drives? If you do, then try to ensure that both Adobe AIR and JuiceboxBuilder-Lite are installed on the same drive (the drive containing your operating system).
Also, try creating a fresh Admin User Account and try installing JuiceboxBuilder-Pro under the new account, just in case there is something wrong with your current user profile which is contributing to your problem.
The imageScaleMode values will change how the image is scaled within the gallery's image area.
Images will not be cropped if imageScaleMode is set to either SCALE or SCALE_DOWN.
However, imageScaleMode will not affect the responsiveness of the gallery itself.
If you want the gallery's size (and therefore the image area within the gallery, too) to resize with the size and shape of the user's browser window, then you could either:
(1) Set your gallery's dimensions to be percentages (rather than fixed pixel values) and ensure that all your gallery's parent containers also have percentage dimensions. If there is any fixed pixel value anywhere up the chain, then the gallery's size will become fixed, e.g. 100% x 100% x 800px = 800px.
(2) Use JavaScript to listen for a change in the size of the user's browser window, determine new dimensions for the gallery and assign them to the gallery's container. There are examples of this technique in the Using a Resizable Gallery with a Header support section. You could view the source of the sample web pages in your browser and copy or modify the code as required.
I hope this helps.
You currently have WP-Juicebox installed and activated.
The plugin is loading the 'juicebox.js' v1.4.1 file into the <head> section of your page and your manual embedding code loads the 'juicebox.js' v1.4.3.2 file into your page. The two different versions of the 'juicebox.js' file may be conflicting with each other.
When embedding a gallery manually into a WordPress page or post using the baseUrl method, it is not necessary to have WP-Juicebox installed and activated at all so try deactivating the plugin to see if this help.
All you need to do to upgrade a Lite gallery to Pro is swap your gallery's existing Lite 'jbcore' (on your web server) with the Pro 'jbcore' folder from the Juicebox-Pro download zip package ('juicebox_pro_1.4.3.2/web/jbcore/').
(Alternatively, you could open the Lite gallery in JuiceboxBuilder-Pro and save it on the 'Publish' tab.)
Full instructions for upgrading can be found here.
In order to display images in a Juicebox gallery, the images need to be uploaded to a web server somewhere.
Many users have their own web space where they can upload their gallery folders (which include core Juicebox files and images).
You could perhaps sign up for a hosting account with a regular web host which would allow you to upload your Juicebox galleries to your own personal web space using a dedicated FTP program such as Filezilla.
There are many web hosts that offer free web space which would be suitable for hosting Juicebox galleries.
Try a web search with terms such as 'free web hosting' but please bear in mind that with a free hosting account, you will likely get little or no support, less reliability (more server down-time) and fewer features.
Also, you could host your images on Flickr.
Juicebox can be configured to display images from a Flickr account (using tags or sets to display only certain images).
For reference, the Flickr options supported by Juicebox-Pro can be found here.
You can quickly and easily create a Juicebox gallery sourced by Flickr images using JuiceboxBuilder-Pro.
On the 'Images' tab, choose 'Flickr' as the 'Image Source', enter your Flickr Username or Id and click 'Load Images'. You can then configure your gallery as required (on the 'Customize' tab) and save it (on the 'Publish' tab).
Please note that you will still need to upload the core Juicebox files (as well as an HTML page containing the gallery's embedding code) to a web server somewhere but the images will be taken care of by Flickr.
If you do not have any web space at all, then you could host a gallery on Google Drive following the instructions here.
Take a look at the Getting Started support section which should help you install JuiceboxBuilder-Pro.
You could then quickly and easily create a Flickr gallery by going to JuiceboxBuilder-Pro's 'Images' tab, selecting 'Flickr' as the 'Image Source' and entering your Flickr User Name (or Id).
If you do not already have a Flickr account, sign up for one (its free) and upload a couple of test images before trying out JuiceboxBuilder-Pro.
How do I use the Wordpress plugin?
The Juicebox plugin for WordPress can be downloaded from this web page. Installation and usage instructions can be found on the same page.
If you get stuck with anything specific, just let me know and I'll try to help you out.
The only way to solve this problem is to purchase and use Juicebox-Pro. Juicebox-Pro does not feature the Juicebox branding with the http:// link (which is present in all Juicebox-Lite galleries) and, when using Juicebox-Pro, your https:// site will be fully secure.
I am sorry to hear that you are having difficulties installing JuiceboxBuilder-Lite.
Under normal circumstances, all that should be necessary to install JuiceboxBuilder-Lite is to ensure that you have Adobe AIR installed and then double-click the 'JuiceboxBuilder-Lite.air' file.
If you were able to extract the Juicebox-Lite zip package successfully without any error messages, then it is unlikely that the 'JuiceboxBuilder-Lite.air' installation file is actually damaged or corrupt.
However, if you would like to check the integrity of your 'JuiceboxBuilder-Lite.air' (v1.4.3.2) file, then it should have the following properties:
Filesize: 1,376,245 bytes
MD5 hash: 1015798482f200693a23edb0d3c80bbd
SHA1 hash: b980edd071f086071dc860fdbce4ac687d8660b0
You can check the MD5 and SHA1 hashes of files with a free program such as HashCalc.
Please try the following. Make sure that you using an Administrator User Account and then:
Uninstall Adobe AIR.
Make sure that no remnants of any failed JuiceboxBuilder-Lite install are still present on your system by searching your hard drive for the term 'JuiceboxBuilder' and manually deleting everything found.
Download the latest version of Adobe AIR from here: http://get.adobe.com/air/
Install Adobe AIR by right-clicking the 'AdobeAIRInstaller.exe' file and selecting 'Run as administrator'.
Now try reinstalling only JuiceboxBuilder-Lite, allowing the application to install to the default location.
If you continue to experience problems, then there is a fairly comprehensive list of things to check/try (such as temporarily deactivating your anti-virus program in case this is somehow interfering with the JuiceboxBuilder-Lite installation process) in this forum thread.
Hopefully one of the suggestions above (or in the forum thread) will help.
OK. Thank you for letting me know.
I have notified the developers who will investigate further.
I will post back in this thread when I have any further news.
All galleries must have an XML file but you could certainly use a server-side scripting language (such as PHP) to dynamically generate the required XML file (rather than just create a static XML file in whilst authoring the gallery).
Please see this FAQ which should hopefully point you in the right direction:
Can Juicebox handle a custom data source, for example RSS or Instagram?
Also, there is an example of using PHP to dynamically generate an XML file which displays all images in a designated folder in this forum post.
Please see this FAQ which deals with a similar scenario (too much space above or below the main image).
The space to the left and right of your main images is due to the different aspect ratios of the images (portrait style) and the image area within the gallery (landscape style).
The images are actually displayed as large as possible within the image area without cropping.
If the images were displayed any larger within the image area (without the gallery's dimensions changing), then the images would be cropped at the top and bottom.
You could set imageScaleMode="FILL" but this would result in your images being cropped at the top and bottom.
Perhaps the best solution would be to change your gallery's dimensions so that the image area's aspect ratio better matches that of your images. You could do this by increasing the height of your gallery or by reducing its width.
Please make sure that you are using the latest version of Juicebox (v1.4.3.2).
Flickr made a change to their API to be more secure and we updated Juicebox to handle this change in v1.4.2.
Please see this Juicebox blog entry for further information.
If you are already using the latest version of Juicebox, then the issue might be caused by a temporary glitch with Flickr's web servers or a problem with your internet connection. Either might be preventing your browser from being able to download the images in a timely manner resulting in blank spaces where images should be.
Please post the URL to your gallery's web page so that I can take a look at the problem and investigate further.
I will report back with my findings.
Thank you for the link.
I'll let the developers know (but I would still recommend that you post any suggestions in the Feature Requests thread so they do not get lost).
As far as I am aware, there are currently no plans to add support for sharing on Instagram.
If you wanted to add support for a social media platform which is not currently supported by Juicebox, then you might be able to implement it using the Juicebox-Pro API.
As long as the social media platform has its own sharing functionality (where you can send information to their web site via a share URL), then you could manually add an HTML button to your web page (alongside your gallery) which, when clicked, would fetch the required information about the image currently being displayed in the gallery (using the available Juicebox-Pro API methods such as getImageInfo()) and use this information to populate the parameters in the share URL.
Knowledge of HTML and JavaScript would be required and while this may be possible, it might not be easy to achieve (although I hope it points you in the right direction if you plan to try it).
It's not technically a bug (although I understand what you are saying).
The dynamically generated code is valid HTML 5 and is unconnected to JuiceboxBuilder-Pro's 'Add SEO Content' functionality which works as documented here.
Also, as noted in this Google Developers Webmasters support page: https://developers.google.com/webmaster … learn-more
... crawlers are not able to see any content that is created dynamically.
... so the code you are referring to will not be seen by web crawlers and will have no effect on SEO. Web crawlers will see only what you see when you view the source of the web page unless you explicitly provide HTML snapshots of dynamically generated content on your web server. (An HTML snapshot is all the content that appears on the page after the JavaScript has been executed.)
Thanks for creating a version 1.4.4 where no path is used in alt of <img>.
I would encourage you to post feedback and 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. Thank you.
JuiceboxBuilder-Pro's 'Add SEO Content' functionality adds SEO code to the gallery's 'index.html' file (and to the embedding code presented on the 'Publish' tab which you can copy and paste if you want to embed your gallery into an existing web page alongside other content).
The SEO code is not included in the HTML code which is generated dynamically by the 'juicebox.js' file when the gallery is displayed.
The SEO code is included in the embedding code (inside the 'juicebox-container' <div>) so that it can be seen by web bots crawling the internet and also by viewing the source of the web page in a browser (but not by inspecting the dynamically generated code via a browser's developer tools).
'Add SEO Content' is a feature of JuiceboxBuilder-Pro only. The SEO code must be generated whist creating the gallery and before the gallery can be displayed. As such, 'Add SEO Content' is not a configuration option that can be added to a gallery's XML file. (It is used only by JuiceboxBuilder-Pro when creating a gallery and is not recognised by the 'juicebox.js' file when a gallery is displayed.)
I hope this helps to clarify things.
[Post moved to keep cases separate.]
Thanks Steven, it works.
That's great! Thank you for emailing me back to let me know.
I'll ensure that the fix is included in the next version of the plugin.
I can't explain how your web address was used as the linkURL in several (but not all) of the images in your gallery but I'm glad that you have been able to resolve your problem. Thank you for posting back to let me know.
Just for the record, linkURLs can be entered (and deleted) on the 'Images' tab of JuiceboxBuilder-Pro.
Click a thumbnail and the Title, Caption and Link URL input fields for that particular image will be displayed.
If you wanted to remove all linkURLs from a gallery's XML file, you could open the file in a text editor which supports regular expressions, (such as Notepad++), do a global regular expression search for the following:
linkURL=".*?"... and replace all instances found with:
linkURL=""This will replace all linkURLs with linkURL="" in a single action and imageURLs will be used for all images.
This is, indeed, a bug. Thank you for reporting it.
It will be fixed in the next version of the Lightroom plugin.
In the meantime, I have emailed you a version of the plugin which should hopefully fix the problem.
Please note that we did not write the Juicebox module for Drupal and, as such, support for the module would be better directed towards the Drupal forum where the author of the module (who is more familiar with both Drupal and the module itself) should be able to answer your query: https://www.drupal.org/forum
The author of the module is active in the Drupal forum (and very helpful) and should be able to help you out.
The Drupal forum would definitely be the best place for you to post your query.
I realise that this does not directly answer your query but it should at least point you in the right direction.
I'm glad you've been able to get to the bottom of your problem.
Thank you for posting back to let me know.
The problem is due to linkURL entries in your gallery's XML file such as the following:
linkURL="www.paulraphaelson.com"If a linkURL is present, then Juicebox will use this instead of the imageURL when the Open Image Button is clicked.
Because your linkURL does not start with http://, Juicebox sees the path as being relative (to the HTML page containing the gallery's embedding code).
Try one of the following:
(1) Change your linkURLs to be the same as your imageURLs (and the images will be opened when the Open Image button is clicked).
(2) Leave your linkUR s empty (and Juicebox will use the imageURLs). (Same result as #1 above.)
(3) Change your linkURLs from www.paulraphaelson.com to http://www.paulraphaelson.com and when the Open Image Button is clicked, the user's browser will open the address http://www.paulraphaelson.com.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.