You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
It sounds like the 'juicebox.js' file has not been loaded in your gallery's web page.
Please make sure that the 'jbcore' folder has been uploaded to your web server and that the path to the 'juicebox.js' file (in the <script> tag within your gallery's embedding code) is correct.
If you continue to experience difficulties, please post the URL to your gallery's web page so that I can take a look and help further.
The thumbnails within a Juicebox gallery were designed more as a navigation device that a way to showcase the main images themselves. Many users choose to use dots instead of thumbnails (to maximize the amount of space for the main images) or not to use thumbnails at all (although I understand that different users have different requirements and this may not suit your own needs).
Please feel free to 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. Thank you.
I've updated my site, so your developers won't see it any more.
That's not a problem. I have created my own test gallery for the bug report.
I have it set to blank/empty/nothing in it.
Leaving the backButtonUrl empty will go back one page in the browser's history when the Back Button is clicked.
You can set the backButtonUrl to a specific page using either an absolute path, e.g.:
backButtonUrl="http://www.example.com/gallery/index.html"... or a relative path (relative to the web page containing the gallery's embedding code), e.g.:
backButtonUrl="index.html"Is there any way to have it always go back one level?
If you want the Back Button to go back a level, you can use:
backButtonUrl="../"... and the browser will load the default web page in the gallery's parent directory.
Using firstImageIndex in Small Screen Mode should skip the thumbnail page and initially display the specified image.
If you can confirm that there is a problem when using firstImageIndex="1" and showSmallThumbsOnLoad="TRUE" in Mobile Safari on iOS 8.1, then please let me know. Thank you.
caption on first image didn't show
This sounds like a known bug: the caption for the first image fails to display when captionPosition="BELOW_THUMBS" and showSmallThumbsOnLoad="FALSE".
(With your other problem and the mention of Mobile Safari on iOS 8.1, I did not make the connection earlier between your caption problem and the bug. It was not until you mentioned "caption on first image" that I realised the cause of the problem.)
However, this bug has already been addressed and will be fixed in the next version of Juicebox-Pro (although I do not know when it will be released).
Do you see the problem in any of our own demo galleries on this web page: http://www.juicebox.net/demos/ ?
Please try the Simple gallery (http://www.juicebox.net/demos/pro/simple) which has the thumbnails and captions positioned to the side of the gallery (somewhat similar to your own gallery).
If you do not see the problem in our own Simple demo gallery, then the problem may be unique to your own gallery or web page. Here are a few things you could try to see if they help:
(1) If possible, try using only alpha-numeric characters in your configURL's query string (or escape other characters such as spaces).
(2) Your dynamically-generated XML file is not seen by the browser as an XML file.
In your 'config.php' file, try adding the following code to set the file's header correctly:
<?php
header("Content-type: application/xml");
?>(3) Also, there is no XML declaration at the top of the dynamically-generated XML file.
Make sure that your 'config.php' file outputs the following line of code at the very top of the dynamically-generated XML file:
<?xml version="1.0" encoding="UTF-8"?>(4) Try clearing your browser's cache to ensure that your browser is fetching and using the most recent versions of your gallery files.
(5) It looks like you have renamed your gallery's 'jbcore' folder. Try uploading the complete stock Juicebox-Pro 'jbcore' folder to your web server (without renaming it or changing its structure) and load the 'juicebox.js' file from within it.
Hopefully one of the suggestions above will help. They may not make a difference but, they should all be fairly quick and easy to try.
If you do see the problem in our Simple demo gallery, then it sounds like a more generic issue with Juicebox and iOS 8.
If possible, please upload a couple of screenshots somewhere to demonstrate the problem so that I can pass them on to the developers if I need to submit a bug report. Thank you.
There is no cropping tool for the thumbnails. However, you can create thumbnail images of whatever size you like in JuiceboxBuilder-Pro by clicking the 'Change Sizes...' button in the 'Image Size' control panel on the 'Images' tab and entering thumb width and thumb height dimensions.
JuiceboxBuilder-Pro will create thumbnails at the specified dimensions and will set the thumbWidth and thumbHeight configuration options (in the gallery's XML file) to the values that you use.
As long as the aspect ratio you use for the thumbnails matches that of your main images, then the thumbnails will not be cropped.
(Please note that all thumbnails in a gallery will have the same dimensions and, if any cropping is required, the thumbnails will be center-cropped.)
If you are having trouble installing JuiceboxBuilder-Pro, then please see the Installation Issues section of the JuiceboxBuilder User Guide.
If you are having trouble installing Adobe AIR itself, then please take a look at Adobe's own Troubleshooting AIR Installation | Mac OS support page which should hopefully help.
If you continue to experience difficulties, then there is a fairly comprehensive list of things to check and try in this forum thread.
Hopefully the information in the links above will help to you successfully install JuiceboxBuilder-Pro.
Edit:
I notice in the Adobe forums that other users seem to be having problems with AIR and AIR applications under Yosemite so Adobe may be currently having issues with AIR on the new Mac OS.
You might like to try using the latest beta version of Adobe AIR which can be downloaded from here: http://labs.adobe.com/downloads/air.html
You could also try reverting to an older version of Adobe AIR (such as v14) to see if this helps. Older versions can be downloaded from their archive web page here: http://helpx.adobe.com/air/kb/archived- … rsion.html
Yes. There are two fading image transitions available in Juicebox-Pro: FADE and CROSS_FADE.
For short descriptions of all possible image transition types, please see here.
If building a gallery with JuiceboxBuilder-Pro, the imageTransitionType configuration option can be found in the 'Customize -> Main Image' section.
I see the problem in your mobile.grantsymon.com site and I have been able to replicate the problem in a test gallery of my own using the configuration options that your galleries use.
The problem seems to be with the combination of the following two options:
backButtonUseIcon="TRUE"
backButtonHAlign="CENTER"I have logged a bug report with the developers and this should hopefully be fixed in the next version of Juicebox-Pro.
In the meantime, workarounds would be to either set backButtonUseIcon="FALSE" (and use backButtonText to set text or a custom image instead) or to set backButtonHAlign to either "LEFT" or "RIGHT".
Will you please post a message here when you know if the bug was fixed for safari?
Yes. When a new version is released, I go through the forum and post in threads relating to bugs which have been fixed.
He only sees a blank page...
do you see the expanded juicebox gallery or just a blank screen?
On an iPod Touch 4 running iOS 6.1.6, the gallery displays and functions fine in both Chrome and Mobile Safari when tapping the Splash Page. There are a few things you can try, though, which may make a difference and help the gallery to run under iOS 8.
(1) If possible, try using only alpha-numeric characters in your configURL's query string (or escape other characters such as double-quotes).
(2) Your dynamically-generated XML file is not seen by the browser as an XML file.
If it is a PHP script, then try adding the following code to set the file's header correctly:
<?php
header("Content-type: application/xml");
?>(3) Try setting all the configuration options in your embedding code as strings (rather than booleans or integers). For example, try changing:
thumbSelectedFrameWidth : 5,
showPreloader : false.. to:
thumbSelectedFrameWidth : "5",
showPreloader : "false"(4) The imageURL, thumbUrl and linkURL entries in your XML file use absolute paths using the http://arch-pro.de/ domain but the web page is on (and redirects to) the www subdomain (http://www.arch-pro.de/). Try setting all absolute paths to use the www subdomain (so that all gallery files are on the same domain as the page containing the embedding code).
(5) Make sure that your client is viewing the gallery over wi-fi and not a 3G or 4G connection.
If a 3G or 4G connection is being used, then this can result in a blank area where the gallery should be.
Please see this FAQ for more details and a solution to the problem.
Why can't I view my gallery on a 3G mobile connection?
(6) Check the code on your web pages with the W3C Markup Validation service and fix any errors reported.
HTML errors can often result in unpredictable and inconsistent results in different browsers.
(7) It looks like you may have renamed your gallery's 'jbcore' folder. Try uploading the complete stock Juicebox-Pro 'jbcore' folder to your web server (without renaming it or changing its structure) and load the 'juicebox.js' file from within it.
(8) Try changing the value of expandInNewPage which will change how the gallery expands from the Splash Page (and Expand Button). Possible values are AUTO (default), TRUE and FALSE. Please see here for more details.
Hopefully one of the suggestions above will help. Most of them should be fairly quick and easy to try.
All of the above may not be relevant or make a difference but, at present, it is everything I can think of that I would try for myself.
Unfortunately, there is no easy way to do this. Facebook no longer allows a specific image URL to be passed via their share URL.
The image displayed in the Facebook share window is defined only by the value of the og:image meta tag.
(There is also no way to change the data passed in the share URL. This is hard-coded into the 'juicebox.js' file which is obfuscated and cannot be modified.)
The link being shared will point towards the current image in the gallery but the thumbnail displayed in the Facebook share window will be the og:image.
You may be able to achieve your goal using the technique you outlined above but it might be quite complex and is not guaranteed to work.
I'm glad you're getting on well with things. Hopefully the notes below will help to clarify a couple of points.
However, the base HTML method when I enter into my wordpress document it shows up as script.
This sounds like you may have been entering the embedding code in 'Visual' mode rather than 'Text'. (In 'Visual' mode, anything you enter into the body of the post, such as HTML code, will be displayed on screen as you see it in the editor.)
The only issue I had was the color not working correctly. I had to still enter that into the plugin area for 'background color'.
backgroundColor is a Lite configuration option. Any Lite configuration options entered into the Pro Options text area will be ignored and must be set via their own individual controls in the gallery settings window.
But because of which bug of wich propety in safari (maybe viewport height?)... where is the conflict with JB?
Unfortunately I do not know the exact cause of this problem. This is one for the developers to investigate further.
Does this also happen when I will turn to just "splash modes"?
I do not have an iOS 8 device on which to test but you could certainly try.
This demo gallery uses a Splash Page by default: http://www.juicebox.net/demos/pro/splash/
If you find that this is a suitable workaround, then you can force a gallery to use a splash page by setting showSplashPage="ALWAYS" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section). (Other Splash Page Configuration options can be found here.)
That's great! Thanks for letting me know.
I am glad that you have been able to resolve your problem.
Thank you for posting back to let me know.
For other users reading this thread, the notes below might help to clarify things.
the gallery is rendered static with hyperlinks to click to open the gallery (View Gallery).
What you are describing is the Splash Page.
This is a placeholder for the gallery which is displayed by default on small screen devices when the gallery is embedded in a page alongside other content (rather than displayed on a page of its own with dimensions of 100% x 100%, filling the browser window).
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.
You should be able to manually add Juicebox-Pro configuration options to your gallery in the 'Juicebox Library - Pro / Manual Config' section of your Drupal Dashboard ('Home -> Administration -> Structure -> Content types -> Article -> Manage Display -> Juicebox settings').
Options should be set one per line in the text area in the form optionName="optionValue".
In order to use Fotomoto, enter your Fotomoto Store Id, for example:
fotomotoStoreId="0123456789abcdef0123456789abcdef01234567"Try fixing the HTML errors on your web page. (There are not too many so it should not take long but the errors that currently exist may be causing problems.) Different browsers may be more tolerant towards errors than others.
This may or may not help but, even if it does not, once the errors are fixed, your web page should be rendered with greater predictability and consistency across different browsers and we can then eliminate HTML errors as being a possible cause of your problem.
You can check the code on your web page using the W3C Markup Validation Service and then fix the errors reported.
Also, rather than load your gallery into an iframe whose dimensions look to be set dynamically by JavaScript, you might like to try embedding your gallery directly into your web page by following the baseUrl embedding instructions here.
You could also check to see if your problem happens just in Mobile Safari or in Chrome, too.
Also ... when the galleries load on iPad, the first image doesn't load. Just a black screen.
This sounds like you may be viewing your gallery over a 3G/4G connection (rather than wi-fi). If this is the case, then please see this FAQ which has a solution: Why can't I view my gallery on a 3G mobile connection?
When re-saving a gallery after editing, please make sure that none of the gallery files are open in any other programs (like the gallery's HTML file being open in a browser or the gallery's XML file being open in an editor). If any of the gallery files are open in another program, then they may have a temporary lock on them (by the program in which they are currently open) which will prevent JuiceboxBuidler-Pro from being able to overwrite the files.
Also, after making any changes to an existing gallery, please clear your browser's cache before reloading your gallery to ensure that your browser is using the most recent versions of your gallery files.
Hopefully this will help.
And the plugin doesn't have any options that I can select to customize the gallery.
WP-Juicebox allows you to configure a Juicebox gallery using any or all of the configuration options available here.
All Lite options have individual controls within the plugin's interface and Pro options can be entered into the Pro Options text area, one per line, in the form optionName="optionValue".
How do I get the desktop application Juicebox Builder Pro galleries, into my wordpress site easily?
If you have created a gallery with JuiceboxBuilder-Pro and want to embed it into a WordPress post, then you could either:
(1) Recreate the gallery using WP-Juicebox and copy and paste the options from the gallery's XML file into the Pro Options text area.
... or:
(2) Do not use WP-Juicebox and, instead, use the baseUrl method of embedding as documented here.
Essentially, you would create a Juicebox-Pro gallery on your computer with JuiceboxBuilder-Pro, 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 making sure 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 within the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.
Ok, but what bug is it?
When scrolling down a web page which contains a Juicebox gallery in Mobile Safari in iOS 8, the page jumps back up to the top.
And is it really only a bug on safari side?
Yes. The bug affects only Mobile Safari (and not Chrome) and only in iOS 8 (and not iOS 6 or iOS 7).
As noted above, this issue has been logged as a bug and it should hopefully be fixed in the next version. Unfortunately, at the moment, I do not know of a workaround or when the next version will be released.
That seems strange. I would expect that JuiceboxBuilder-Pro resizes images and thumbnails using similar rescaling algorithms and techniques and all metadata is stripped out of both images and thumbnails during the resizing process.
Also, the main images and thumbnails are both displayed in the gallery using (dynamically-generated) standard HTML <img> tags.
Are you allowing Juicebox-Pro to resize your images or have you deselected the 'Resize Images' checkbox (in which case JuiceboxBuilder-Pro would just copy your original images to the gallery's image's folder)?
If you see the problem in only certain browsers or devices, then it sounds like it might be an ICC Color Profile problem.
It sounds like your images may have ICC Color Profiles embedded within them and that JuiceboxBuilder-Pro is not resizing them. This would result in images which retain their ICC Color Profiles and thumbnails which have the ICC Color Profiles stripped out. This might account for the differences between the two sets of images.
There are no color settings within JuiceboxBuilder-Pro (and no way to force JuiceboxBuilder-Pro to retain metadata in resized images or thumbnails) so to ensure that the images and thumbnails look the same, you might need to either:
(1) Allow JuiceboxBuilder-Pro to resize you images.
... or:
(2) Create your own set of thumbnails with your ICC Color Profile. This should result in your images and thumbnails always matching each other but perhaps not always being displayed consistently across different browsers (which may or may not support ICC Color Profiles).
It is usually recommended that images intended for the web should be saved as sRGB.
Please check to see if your images are saved as such.
WP-Juicebox does not come with any gallery presets but you can use any (or all) of the options on this page to configure a gallery.
The Juicebox-Lite options can be set by their individual controls in the WP-Juicebox interface.
Pro Options (if you are a Pro user) can be entered into the Pro Options text area of your gallery's settings window, one per line, in the format optionName="optionValue".
If you want to replicate the Top Aligned Demo gallery, its configuration options can be found in the gallery's XML file here: http://www.juicebox.net/demos/pro/top/config.xml
You can copy and paste the configuration options (below) into your gallery's Pro Options text area.
(Please note that Lite options will be ignored and should be set by their individual controls in the WP-Juicebox interface.)
resizeOnImport="false"
shareFacebook="false"
shareTwitter="false"
shareGPlus="false"
sharePinterest="false"
shareTumblr="false"
captionBackColor="rgba(238,238,238,0.5)"
captionPosition="BELOW_THUMBS"
showExpandButton="false"
showOpenButton="false"
maxThumbColumns="3"
textColor="rgba(51,51,51,1)"
textShadowColor="rgba(0,0,0,0)"
backgroundColor="rgba(238,238,238,1)"
imageShadowColor="rgba(0,0,0,0)"
imageShadowBlur="20"
imagePadding="10"
maxCaptionHeight="100"
imageTransitionType="NONE"
imageTransitionTime="0.3"
showThumbsOnLoad="true"
galleryTitle="Juicebox-Pro Top Aligned Demo"
galleryDescription="Demonstrating Juicebox-Pro's Social Sharing and Fotomoto Shopping Cart Integration"
galleryFontFace="Georgia,serif"
imageVAlign="TOP"
imageHAlign="LEFT"
thumbsPosition="RIGHT"
maxThumbRows="5"
galleryTitlePosition="TOP"
buttonBarPosition="TOP"
buttonBarBackColor="rgba(238,238,238,0.5)"
thumbFrameColor="rgba(255,0,0,1)"
buttonBarIconColor="rgba(0,0,0,1)"
buttonBarIconHoverColor="rgba(255,0,0,1)"
thumbsVAlign="TOP"
galleryWidth="1000"
thumbNavPosition="BOTTOM"
showThumbsButton="false"
showAutoPlayButton="true"
showNavButtons="true"
imageNavPosition="IMAGE"
showImageNav="false"
showThumbPagingText="false"
thumbShadowColor="rgba(0,0,0,0)"
navButtonIconColor="rgba(0,0,0,1)"
navButtonBackColor="rgba(0,255,0,0)"
showAutoPlayStatus="false"
goNextOnAutoPlay="true"
enableLooping="true"
enableDirectLinks="true"
displayTime="3"
navButtonIconHoverColor="rgba(255,0,0,1)"
topAreaHeight="40"If Page Composer replaces the default WordPress editor (TinyMCE) in the backend with a third-party alternative, then WP-Juicebox will not be compatible with it. (WP-Juicebox will have no knowledge of the editor or how to insert a shortcode into the editor's content.)
WP-Juicebox should work fine with all variants of the CKEditor/FCKEditor and TinyMCE editors.
If you are still using the default WordPress editor but the problem remains, I would be happy to investigate further. However, if the plugin you are using is Visual Composer, it is not free and I am unable to download it to examine its source code and to try to replicate the problem for myself. Therefore, I would need access to your web server and WordPress installation to see the problem for myself and to try to figure out what is causing it. If you are agreeable to this, please let me know and I will email you with an address where you can send me your FTP and WordPress login details.
Here are a few things to check/try:
(1) The most likely cause of such a problem is a conflict with a theme or plugin.
Try temporarily reverting to the default WordPress theme (Twenty Fourteen) to see if this helps.
(2) If not, then try temporarily deactivating all plugins other than WP-Juicebox and reactivate them one-by-one (checking WP-Juicebox's functionality after each one) to see if you can find the source of the conflict.
(3) Please try clearing your browser's cache and trying again.
This will ensure that your browser fetches and uses the most recent versions of the WP-Juicebox files from your web server.
(4) If you use the BulletProof Security plugin, then this may be the cause of your problem and you will need to add a skip/bypass rule to the .htaccess file in your root directory as follows:
# Juicebox skip/bypass rule
RewriteCond %{REQUEST_URI} ^/wp-content/plugins/wp-juicebox/ [NC]
RewriteRule . - [S=13](5) If you do not use the BulletProof Security plugin, then please check your .htaccess file for an entry such as:
<Files *.php>
deny from all
</Files>If you find such an entry, either comment it out or remove it.
(6) Also, try checking the permissions of the files and folders in the 'wp-content/plugins/wp-juicebox/' directory on your web server to make sure that they are not too restrictive. Default permissions of 755 for folders and 644 for files should be fine.
Hopefully one of these suggestions will help.
This issue has now been logged as a bug and it will hopefully be fixed in the next version (although I do not know when it will be released). Unfortunately, I do not know of a workaround at the moment.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.