Error: detail_panel.get_current_photo() is undefined
This bug has now been fixed in v1.1.1. (Juicebox no longer throws a JavaScript error with an empty gallery.) Please see this Juicebox Blog entry for further details.
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
Error: detail_panel.get_current_photo() is undefined
This bug has now been fixed in v1.1.1. (Juicebox no longer throws a JavaScript error with an empty gallery.) Please see this Juicebox Blog entry for further details.
This bug has now been fixed in v1.1.1. Please see this Juicebox Blog entry for further details.
Both of these bugs have now been fixed in v1.1.1. Please see this Juicebox Blog entry for further details.
Both of these bugs have now been fixed in v1.1.1. Please see this Juicebox Blog entry for further details.
Unfortunately, this bug was not fixed in v1.1.1 but it has been logged and will be addressed.
For a full list of bugs which have been fixed in v1.1.1, please see the Juicebox - Version History.
@KR64
Or is there a way to localize it by myself?
The tooltips and on-screen messages are embedded within the 'juicebox.js' JavaScript file which is packed and obfuscated (and Juicbeox-Pro does not come with source code) so it would not be possible to modify the file and display the text in a different language.
However, thank you for the suggestion.
If you tried the baseUrl from gallery #2 in gallery #3's embedding code and gallery #2 did not display in place of gallery#3, then it would appear that there is something wrong with the embedding code (or surrounding code, for example the parent containers or slider JavaScript) for gallery #3.
However, if this were the case, and you swapped the baseUrls for gallery #2 and gallery #3, then I would expect gallery #3 to be displayed in place of gallery #2 (though I do not know if this is what happens).
As you have uploaded your gallery folders in their entirety, you could try embedding them in your page using <iframe>s instead of the baseUrl embedding code.
The <iframe> method is documented as Option #2 here.
However, the HTML errors on the page may be masking the real cause of the problem so I would try fixing them first before trying anything else.
@jb_newb
Also, I'm having trouble w/ the 3rd gallery (Commercial).
Any advice as to how I can get this to show up?
Try swapping the baseUrl of the 3rd gallery with that of a gallery you already know displays OK to determine whether the problem is with the gallery or with your gallery-changing mechanism. Also, try using the baseUrl of the 3rd gallery in the 2nd gallery's embedding code to see if it displays there. This should at least tell you where the problem lies.
Also, a few tips:
(1) Your web page loads the 'juicebox.js' file from all three galleries. It is necessary to load only one (as they are all identical).
(2) Your galleries are Juicebox-Lite v1.0.2 galleries. You could upgrade them to the current version of Juicebox-Lite (v1.1.0) as many bugs have been fixed since v1.0.2. Please see the Juicebox - Version History for details. The current version of Juicebox-Lite can be downloaded from the link on this page.
(3) You should fix the HTML errors on your web page. You can validate the page with the W3C Markup Validation Service and then fix the errors reported. Once the code validates, your web page should be displayed with greater predictability and consistency across different browsers.
The code I posted is the complete caption which should be inserted directly into you gallery's 'config.xml' file.
If using JuiceboxBuilder-Pro to create or edit your gallery, you can simply enter the following into a 'Caption' text field (JuicbeboxBuilder-Pro automatically adds the <caption> and CDATA tags when generating the XML file).
<span style="font-size: 11px;">Charcoal on Paper "22.5" x "36"</span>
the first image in my gallery and the second image have the same length - yet the first one shows all the caption, the second bumps it to two lines
The first two images may have exactly the same width but the length of their corresponding captions differs slightly.
When using captionPosition="BELOW_IMAGE", the width of the caption area equals the width of the image so when a narrow image is being displayed, the caption may be split into more than one line.
Other than changing the captionPosition to OVERLAY, it is not possible to increase the width of the caption area.
However, you could decrease the font size of the caption (so that it all fits on a single line) by using something like:
<caption><![CDATA[<span style="font-size: 11px;">Charcoal on Paper "22.5" x "36"</span>]]></caption>
Alternatively, you could change the font-size globally for all captions by opening the 'jbcore/classic/theme.css' file in a plain text editor and changing the 'font-size' on line 201.
Open the file 'jbcore/classic/theme.css' in a plain text editor and remove lines 143-145 inclusive (which control the drop shadow around the main image):
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .4);
box-shadow: 0px 0px 10px rgba(0, 0, 0, .4);
Are there any plans to add more functionality within the Lightroom Juicebox engine?! I have a couple of other 3rd Party plugins that do offer enhanced features so therefore I assume from a technical point of view it is possible. Isn't it?!
As far as I am aware, there are no immediate plans to incorporate Juicebox-Pro options into the interface of the Lightroom plugin, though it is technically possible and may be considered some time in the future.
If there is a certain combination of Pro Options that you use for all of your galleries, you could edit the plugin's 'juicebox.lrwebengine/config.xml' file and add the Pro Options as attributes to the opening <juiceboxgallery> tag so that each time you create a gallery with the plugin, these Pro Options are used and included in the generated gallery's XML file. This may save you from having to edit XML files after you create each gallery.
It didn't work
It should work fine. Here it is in action in a Juicebox-Lite test gallery.
All I did was create a basic gallery in JuiceboxBuilder-Lite and replace the following line of code in the gallery's 'index.html' file with the code I posted above.
<div id="juicebox-container"></div>
so i was wondering if i could still use the 75% galleryWidth
My reasoning for setting the gallery's width to 100% was to ensure that it completely fills the width of the <div> which I floated right and specified a width of 75% of the total browser window's width. This is equivalent to setting the gallery's width to 75% but I set out my code as I did to try to keep things as clear as possible.
and make a menu in a css file.
On the internet i couldn't find an answer about this.
Only how to format a menu in the css file and put the link-lines in the html-page.
Do you know if it's possible?
It is certainly possible. There are many ways to create a CSS menu. Try a web search and you will find many pre-made templates which you could implement within your web site.
As an alternative, if you are looking to link together multiple galleries, take a look at the 'Using a Resizable Gallery with a Header' section of the 'Embedding Multiple Galleries' support page here, specifically, the View Resizable Gallery with Side Menu Example which appears to be feature the functionality you are after.
Set your gallery's width to 100% and try using the following structure on your web page:
<div id="wrap" style="width: 100%;">
<div id="left" style="width: 25%; float: left;">
<span>Content for left side of screen goes here</span>
</div>
<div id="right" style="width: 75%; float: right;">
<div id="juicebox-container"></div>
</div>
</div>
It depends on how you are creating your gallery (or more specifically your gallery's XML file) as to whether there are any sorting options available to create the order you require in the first instance.
However, no matter how the gallery is created, you can always open it in JuiceboxBuilder and then reverse the order of the images quickly by selecting 'Images -> Sort -> Reverse' from the application's drop-down menu at the top. The go to the 'Publish' tab and re-save your gallery.
Are you trying to embed a Juicebox gallery in a theme's header?
If so (and you know the gallery id you wish to display), you should be able to use the following code in your theme's 'header.php' file.
<?php
$JB = new Juicebox();
echo $JB -> shortcode_handler( array( 'gallery_id '=> '2' ) );
?>
... changing the '2' above to the gallery id of your choice.
Alternatively, the following should also work:
<?php
echo do_shortcode('[juicebox gallery_id="2"]');
?>
As you have discovered, the gallery's dimensions are tied to the gallery (being stored in the gallery's XML file) and a single gallery cannot be displayed twice with different dimensions each time. In fact, the same gallery should not be displayed twice on the same page because both galleries will create divs with identical names to be embedded into.
I would recommend creating a separate gallery for your theme and, if necessary, duplicating the gallery (with different dimensions) for use elsewhere.
The problem with your original code seems to be the extraction of the gallery id from your custom field as entering the code above (with the hardcoded gallery ids) seems to work fine. However, I would need to know more about the custom field you are using to help with the extraction process.
What is output if you echo $juicebox after defining it on this line:
$juicebox = get_post_meta( $post->ID, 'slideshow_embed', true);
For your subsequent code to work, the output would have to be something like: [juicebox gallery_id="2"]
It looks like the plugin you use is rather complex. Could you give me a quick rundown as to how you are using it and how I can replicate the problem? Thank you.
In the meantime, it might help you to know that the function that handles the shortcode within WP-Juicebox is called 'shortcode_handler' and it is within the class Juicebox defined in 'wp-juicebox.php'.
Perhaps if you called this function instead of 'do_shortcode', it might help.
File received, thank you. I've deleted your link above.
I'll take a look and get back to you in due course.
It would help greatly if I were able to see and use the code/plugin which contains the custom field you refer to.
Would you be able to zip the plugin (if it is a plugin) and upload it somewhere so that I could install it in my WordPress installation and try a few things in order to find a solution? Thanks.
[Edit: OK, looks like you deleted your post...]
Edit: Yes. I tried my suggestion myself and found that it produces PHP errors in debug mode, so I deleted it but you replied before I could post this message.
I have just tried using your Flickr User Name and Tag in JuiceboxBuilder-Lite v1.1.0 and it works fine loading 30 images.
Make sure you are using the latest version of JuiceboxBuilder-Lite (v1.1.0) and that you are entering the User Name and Tag correctly. For example, ensure that you are not pasting your User Name with a leading space which would result in a 'Flickr User Not Found' message.
If you need to upgrade JuiceboxBuilder-Lite, it can be found in the Juicebox-Lite zip package which can be downloaded from this page.
Also, make sure your firewall is not blocking JuiceboxBuilder-Lite from accessing the internet.
Both issues you have reported are known bugs which have already been addressed and will be fixed in the next version which should hopefully be released soon (though I do not know exactly when).
It sounds like your theme sets a fixed height for your page which you would need to change in order to add any element (whether it is a Juicebox gallery or something else) with a height of greater than 250px.
I am not familiar with WooThemes but perhaps there is an option in the theme's settings (within the WordPress Dashboard) to alter the page height parameter.
If you cannot find such an option, then perhaps the WooThemes support pages and forum may help further.
Are there any limitations when using the small screen mode for desktop, as opposed to large screen?
Yes. Certain configuration options (listed on this page) are marked as 'Large Screen Mode only.'.
The Back Button is one such option. Also, although the showExpandButton option will still function, the useFullscreenExpand option is limited to Large Screen Mode only.
Thank you for providing the link to your website and galleries.
Interestingly, when I view your galleries in Chrome on my iPod Touch, the 'Request desktop site' option is greyed-out.
We will investigate further.
It certainly sounds like the most likely causes (a 3G operator using content modification which would break the JavaScript within the gallery or the need to clear your browser's cache before reloading your gallery) are not applicable in your case.
Please post the URL to your gallery so that we can take a look. Thank you.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.