I expect that this bug will be fixed in the next (minor) version (although I do not know when it will be released).
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
I expect that this bug will be fixed in the next (minor) version (although I do not know when it will be released).
Are you sure you can't make a "South of the border" zone below the screen?
I don't know if this is possible or how easy it would be to implement but perhaps the best thing to do would be to suggest this in the Feature Requests thread where it will be seen by the developers.
I set it to "false" on 03, but it really doesn't do a lot.
This will depend on the size of your embedded gallery. If you have an embedded gallery which is quite small relative to the browser window size, then it will be expanded to a greater degree than if you have a larger gallery to start with.
However, it seems that this inactivityTimeout function doesn't work on Chrome or IE.
It seems to work fine in Chrome 42 and IE 11 on my PC in my own test galleries.
Please let me know which of your galleries you are referring to and I will take a look to see if I can see the problem for myself.
According to my records this latest update should be the final of my 5 updates that came with the original purchase of Juicebox-Pro.
First of all, please let me reassure you that even though your download link may have expired (each link works for five downloads), you will still be able to download all future Juicebox v1.x.x releases for no further cost.
Just fill in this Download Link Request Form and we will send you a new download link.
As noted on the Uprading Juicebox support page:
Juicebox-Pro Upgrade Policy
Customers who have purchased Juicebox-Pro are eligible for free upgrades within the same major version number. For example if you buy version 1.0.0, all 1.x.x updates are provided free of charge.
With regard to your problem, try a completely clean install of JuiceboxBuilder-Pro (v1.4.3.2 should open v1.3.2.2 galleries fine).
Please try the following procedure:
(1) Uninstall JuiceboxBuilder-Pro.
Mac: Delete the 'JuiceboxBuilder-Pro' file from the Applications folder and empty your Trash.
Windows: Use the uninstaller in the 'Control Panel -> Programs -> Uninstall a program...' list.
(2) After uninstalling JuiceboxBuilder-Pro, please check that there are no files are left behind by manually deleting the following folders from your hard drive (if they exist):
Mac: /Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
Windows: C:\Program Files (x86)\JuiceboxBuilder-Pro
Windows: C:\Users\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
Windows: C:\Users\Username\AppData\Roaming\JuiceboxBuilder-Pro
Windows: C:\Users\Username\Documents\JuiceboxBuilder-Pro
You may need to show hidden files to find some of the above locations in Windows Explorer: http://windows.microsoft.com/en-gb/wind … dden-files
(3) Next, search your hard drive for the term 'JuiceboxBuilder-Pro' and delete any and all entries found (to be absolutely sure that nothing remains).
(4) Also, please follow the procedure above (Steps #1 - #3) for JuiceboxBuilder-Lite, too.
JuiceboxBuilder-Lite and JuiceboxBuilder-Pro can both be installed and run side by side on the same computer but, being that you are experiencing problems, it might be wise to completely clear your system of all JuiceboxBuilder files before trying to reinstall JuiceboxBuilder-Pro.
(5) You should then hopefully be able to successfully install JuiceboxBuilder-Pro following the instructions here.
I hope this helps.
I notice that your 3x gallery sets useFullScreenExpand="TRUE". When the gallery is expanded, it will occupy the entire screen (rather than just the browser window) so there is no area outside the gallery that the user can move the mouse into.
A workaround might be to set useFullscreenExpand="FALSE" so that the gallery expands only within the browser window. There will always be an area outside the gallery (the browser's address bar) where the user can move the mouse to have the overlay disappear.
Alternatively, inactivityTimeout still works fine in fullscreen expanded mode (where the overlay will disappear after a certain time of mouse inactivity). You might like to try setting inactivityTimout to a value smaller that its default of 4 seconds.
The Info Button will override the default overlay behavior but at least it allows the user to toggle the overlay on and off at will.
I hope these suggestions help.
Thank you for reporting this problem.
Unfortunately, this is a known issue (unable to scroll on a page containing an embedded Juicebox gallery on a Windows touch device). However, a bug report has been logged with the developers and it should hopefully be fixed in the next version.
1) it is NOT autoplaying the slider. I believe I marked it to autoplay. It does before I load it to the website
Set autoPlayOnLoad="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Autoplay') section.
Your gallery's XML file (http://www.countyfairgrounds.net/testwe … config.xml) does not currently include the autoPlayOnLoad configuration option so uses its default value of FALSE.
2) my link to the store does not work. I have emailed them (FotoMoto) also. The store link works in Juicebox Pro demo area. And I followed your instructions so what please did I do wrong?
The Shopping Cart Icon works when I click it myself (the Fotomoto pop-up window appears displaying the current gallery image). Maybe there was a problem with your site URL at Fotomoto's end which has now been fixed.
If you still have the problem, try clearing your browser's cache before reloading your web page to see if this makes a diffference.
3) FotoMoto said that their store worked well on Word Press,,,, well -......I can use the word press plug-in in a post. I set one up and got it to work BUT I don't want THIS particular juicebox gallery in a post.
It sounds like this is the same as #2 above (which seems to be working fine just now). Please let me know how you get on. Thank you.
Thanks for your help.
You're welcome!
Have a nice weekend.
You, too!
The only way I've been able to disable thumbnail clicking in Touch Mode is to include jQuery v1.11.2 in the web page and use the following code:
$('.jb-idx-thumb, .jb-idx-thb-frame').on('click touchstart', function(event) {
event.stopImmediatePropagation();
});It might not be a perfectly clean solution (you are, after all, trying to disable core Juicebox functionality and do something that Juicebox was not designed to do) but my own testing suggests that it should work fine. (It does not remove click or touch handlers but adds a new one which prevents all others from being executed.)
Please see this web page for details on how you can load jQuery into a web page: http://www.w3schools.com/jquery/jquery_get_started.asp
Steven, I do not write these findings of *mine* to you, because you know 'em all, but hopefully they may be useful for other readers here.
No problem. I appreciate you taking the time to share your experiences.
But OTOH, if I open the gallery in JPB just to add new pics, my old *.php index file doesn't really need any changes.
I should note that if you choose to include SEO code (via 'Add SEO Content' in JuiceboxBuilder-Pro's 'Sharing' section), then if you add images to a gallery, the index page will change (to add the SEO code corresponding to the new images).
If you have copied the index page to make customizations to it and want to include SEO code, you will need to copy and paste it from the index page updated by JuiceboxBuilder-Pro to your modified copy.
Also, if you want to make the same modifications to all index pages created by JuiceboxBuilder-Pro, then you could edit the template file that JuiceboxBuilder-Pro uses to generate the index pages:
C:\Program Files (x86)\JuiceboxBuilder-Pro\template\index.html
All my files ending with *.php did not show any pictures when reopened in Juicebox Pro Builder, just the thumbnails.
If you have renamed your gallery index page with a .php file extension, then this suggests that you have modified the file (by adding custom PHP code), otherwise you could have just used .htm or .html, both of which work fine within JuiceboxBuilder's internal browser.
If you make any modifications to a gallery's index page and then open the gallery (to edit it) in JuiceboxBuilder and resave the gallery on the 'Publish' tab, then the file will be overwritten and any modifications that you have made (including any custom PHP code that you have added) will be lost.
A gallery's index page is designed to display the gallery on a page of its own, no more, no less. If you need further functionality, then I would recommend that you copy the index page and modify the copy. That way, JuiceboxBuilder will be free to overwrite the original index page without your modifications being lost.
If you embed your galleries in other web pages (and do not need or want to display the galleries on pages of their own), then there is no need to use the gallery index pages at all and you can simply ignore them (leaving their file extensions as .htm or .html).
I'm glad it turned out to be a relatively easy fix.
Thanks for all of your help!
You're welcome!
I've done some further testing and it looks like if you remove the two blank lines at the top of your 'functions.php' file and the two blank lines at the bottom of it, everything should be fine.
The whitespace should no longer appear at the top of your HTML or dynamically-generated XML pages or before the Gallery Ids in the Juicebox shortcodes.
One thing *I* haven't happened to see, is that it's easy to make line breaks in the Title and/or Caption.
You can use HTML tags in image titles and captions so you can insert HTML line breaks ('<br>') to separate an image title or caption into different lines. For example:
Line #1<br>Line #2<br>Line #3Please see this FAQ for details:
How do I add HTML formatting to image captions and titles?
If I've understood correctly, the settings in a Preset file end up in the config.xml file?
That is correct. Loading a 'Preset' is a quick and easy way to set a combination of different configuration options at once.
When you load a 'Preset' the configuration options listed in the preset file are applied to the gallery and when you save the gallery on the 'Publish' tab, all the configuration options currently set (including those applied to the gallery via the 'Preset') will be included in the gallery's 'config.xml' file.
As for this config.xml, is there any way to rename it/them?
It is not possible to rename the XML file from within JuiceboxBuilder-Pro.
You could certainly rename the 'config.xml' file after the gallery has been created and then use a configUrl configuration option within your gallery's embedding code to point towards the new filename.
For example:
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
configUrl: 'custom.xml',
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->Please note that if you rename a gallery's XML file, the gallery will no longer be able to be opened by JuiceboxBuilder-Pro.
If you want an easy way to keep track of multiple galleries, then you could keep each gallery in its own separate folder (giving each gallery folder a unique name). This would avoid the need to rename any files within the gallery folders.
You could then upload the complete gallery folders (rather than just the contents) to your web server and embed the galleries in your web pages using the baseUrl method of embedding as documented here.
WP-Juicebox can be used only to embed Juicebox galleries directly into pages or posts.
It is not possible to use the plugin to embed galleries elsewhere (such as a header or sidebar widget).
Each WP-Juicebox gallery is associated with a specific page or post and it is not possible to manually insert a Juicebox shortcode somewhere which refers to a gallery associated with a different page or post.
However, you should be able to manually embed a Juicebox gallery anywhere (at least anywhere that you are able to insert the required embedding code) using the baseUrl method of embedding as documented here.
Essentially, once you have created a gallery with JuiceboxBuilder-Pro, you would upload the complete gallery folder (not just the contents) to your web server and paste the baseUrl embedding code wherever you want the gallery to appear. It does not matter where on your web server you upload your gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.
It looks like your problems may be due to your custom theme introducing whitespace in certain places.
Your theme inserts whitespace before the Gallery Id in the Juicebox shortcode which results in the search for a valid shortcode failing (which, in turn, results in the 'juicebox.js' file not being loaded).
For example, a Juicebox shortcode should look like this:
[juicebox gallery_id="1"]... but yours looks like this:
[juicebox gallery_id=" 1"]... (note the space before the '1').
Also, your theme inserts four blank lines at the top of your gallery's XML file which appear before the XML declaration resulting in the following error (which may be the reason for the "Config XML file not found" message being displayed).
XML Parsing Error: XML or text declaration not at start of entity
WP-Juicebox cannot prevent against your theme adding whitespace.
(There are also four blank lines above the Doctype Declaration on your main page. These are likely to be coming from the same source.)
Check your theme's PHP files and make sure that there is no whitespace which might be output when the files are loaded. For example, you have blank lines at the top and bottom of your 'functions.php' file which are likely to be the cause of the XML file problem.
I'll try to clarify a couple of other issues from your post above.
On your FAQ there is a line saying "Make sure the config.xml file is in the gallery folder" but I don't see a gallery folder.
WP-Juicebox galleries dare not structured like regular galleries are.
There are no gallery folders for galleries created by WP-Juicebox. All WP-Juicebox galleries share a common 'jbcore' folder (in the 'wp-content/plugins/wp-juicebox/' directory), the images are stored in the Media Library and the XML files for WP-Juicebox galleries are created dynamically when the galleries are displayed.
Does Juicebox require jquery?
Juicebox itself comes with its own version of jQuery (bundled within the 'juicebox.js' JavaScript file) so there is no need to load a separate version of jQuery into your web page.
WP-Juicebox requires jQuery but it uses the version which comes bundled with WordPress, so again, there is no need to load a separate version of jQuery into your web page.
I just mention all this in case it helps anyone else new to the application but having similar difficulties.
Thank you for sharing your findings.
I hope your quest for an Adobe alternative to embed IPTC data proves to be successful.
WP-Juicebox loads the 'juicebox.js' file in the web page only if it is required (if a Juicebox shortcode is discovered on the page).
However, for some reason, the 'juicebox.js' file is not being loaded in your web page.
I do not know why this might be but you can ensure that the 'juicebox.js' file is loaded into all your web pages by opening the 'wp-juicebox.php' file in a plain text editor and changing line 31 from:
add_action('the_posts', array(&$this, 'shortcode_check'));... to:
add_action('wp_enqueue_scripts', array(&$this, 'add_scripts_wp_core'));Unfortunately, IPTC data entered using IrfanView does not seem to be picked up by JuiceboxBuilder-Pro.
If you enter your IPTC data using an Adobe program (such as Photoshop or Lightroom), then there should be no such problems.
For example, if you use Adobe Photoshop to enter your IPTC data, then use the IPTC Document Title field for the image title and the IPTC Description field for the image caption.
As far as I am aware, IrfanView does not write the IPTC data to an XMP block like Adobe applications do.
JuicboxBuilder-Pro, which runs on an Adobe platform (Adobe AIR), looks for IPTC data in an XMP block where other Adobe applications would write the data to.
I realise that not everyone has access to Adobe products but you might be able to find another free image editor which allows you to enter IPTC data in the same way that Adobe products do.
In fact, if you are a Windows user, you can just right-click an image, select 'Properties', go to the 'Details' tab and enter a 'Title' in the 'Description' section. This should be picked up by JuiceboxBuilder-Pro (in both the title and caption section) and might be suitable for your scenario.
When the browser window is resized, the thumbnails are redrawn (thumbnails may be added or removed from the current thumbnail page depending on the new size of the browser window) so you might need to wait a short while after the browser window is resized before removing the click handlers.
Introducing a short delay (such as 200ms) before running off('click') using window.setTimeout() should hopefully be a suitable workaround.
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
var jb = new juicebox({
containerId: 'juicebox-container'
});
$(document).ready(function() {
jb.onInitComplete = function() {
$('.jb-idx-thumb, .jb-idx-thb-frame').off('click');
};
jb.onThumbPageChange = function() {
$('.jb-idx-thumb, .jb-idx-thb-frame').off('click');
};
$(window).resize(function() {
window.setTimeout(function() {
$('.jb-idx-thumb, .jb-idx-thb-frame').off('click');
}, 200);
});
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->Thank you for letting me know of this issue.
It looks like a bug which affects only some browsers (it does not seem to affect Firefox 37.0.1) and only when the page is loaded in a browser window where the bottom of the gallery is hidden (and needs to be vertically scrolled to be seen).
Unfortunately, I do not have a fix or know of a workaround at the moment but I have logged a bug report with the developers who will investigate further and hopefully fix it in the next version.
Thank you, once again, for reporting this problem.
You need to give your 'juicebox' object a variable name (such as 'jb' in my example above) so that it can be referenced by the API methods.
In your own web page's embedding code, change:
new juicebox({... to:
var jb = new juicebox({The second code example in your post above probably fails because you are trying to remove the click handlers at a time when the .jb-idx-thumb and .jb-idx-thb-frame classes do not yet exist on the page. The code needs to be put inside the onInitComplete() function (to ensure that the .jb-idx-thumb and .jb-idx-thb-frame classes are present before off('click') is applied to them).
I'm glad you've got it working.
As you noticed, the embedding code on JuiceboxBuilder-Pro's does not include a baseUrl. (JuiceboxBuilder-Pro has no knowledge of where you might upload the gallery folder to on your web server and the 'index.html' page generated by JuiceboxBuilder-Pro does not need a baseUrl to work as all the gallery files are in the same folder as the HTML page.)
I'm glad that you found the example in the baseUrl support section.
Your embedding code is fine. However, there is one minor point. Your embedding code uses two types of path:
/wp-content/uploads/juicebox/test_13/jbcore/juicebox.js
wp-content/uploads/juicebox/test_13/
The leading slash in /wp-content means that the path is relative to your root directory whereas wp-content (without the leading slash) is relative to the HTML page containing the embedding code.
This works OK in your case as /wp-content and wp-content both resolve to the same location but for consistency (and no other reason), you might want to use the same notation for both paths. (It does not matter which one you choose. They are both equally valid and will both work equally well.)
Unfortunately, there is no direct download functionality within Juicebox-Pro.
The best way to download an image currently is to click the 'Open Image' button (to open the image in a browser tab of its own) and then right-click 'Save Image As...'.
Please see this forum post for more information on direct downloading images.
There is also no zooming functionality within Juicebox-Pro.
If you would like to make any suggestions for future versions, please post them in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers. Thank you.
The only folder you need to upload to use WP-Juicebox is the plugin folder itself ('wp-juicebox') to the '/wp-content/plugins/' directory.
The '/wp-content/uploads/juicebox/' directory is used internally by the plugin to store files created by the plugin itself.
It is not possible to manually upload files to this directory and have the plugin find them and somehow use them.
The plugin creates its own galleries (from within the WordPress interface) and cannot display galleries which have already been created (for example by JuiceboxBuilder-Pro).
For reference, instructions for using WP-Juicebox can be found here.
If you want to embed a gallery which you have created with JuiceboxBuilder-Pro into a WordPress page or post, then you could use the baseUrl method as documented here.
Essentially, once you have created a gallery with JuiceboxBuilder-Pro, you would upload the complete gallery folder (not just the contents) to your web server and paste the baseUrl embedding code into the body of your WordPress post (ensuring that the method of entry is 'Text' rather than 'Visual'). It does not matter where on your web server you upload your gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.
If you choose to use the baseUrl method, then there is no need to use WP-Juicebox and you should deactivate the plugin to avoid loading the 'juicebox.js' file into your web page twice.
I hope this helps to clarify things.
You're welcome.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.