You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
No. The use of 'presets' (to set a collection of configuration options all at once) is a feature of JuiceboxBuilder only.
It is not available in any of the plugins.
If you already have a gallery which you would like to replicate, then you could always just copy and paste the configuration options from your original gallery's XML file to the new gallery's XML file.
A 4G connection may use content modification just like a 3G connection.
Please implement the solution in the FAQ: Why can't I view my gallery on a 3G mobile connection?
In the meantime, please ask your friend to try viewing your gallery over a wi-fi connection and it should hopefully display and function fine.
You're welcome!
According to the current embedding code on your 'findanevent.php' web page, Juicebox is looking for the 'juicebox.js' file here: http://www.countyfairgrounds.net/findan … uicebox.js
... but it is not in that location on your web server.
You have two options:
(1) Leave the embedding code exactly as it is on your 'findanevent.php' web page and copy the contents of your gallery folder (not the folder itself) into the 'findanevent' directory on your web server.
The contents of the gallery folder are as follows:
images (folder)
thumbs (folder)
jbcore (folder)
config.xml (file)
index.html (file)
(If doing this, please check first that you do not have any files or folders with the same names in the 'findanevent' directory which may be overwritten.)
... or:
(2) As you have already uploaded your complete gallery folder ('currentgalleries') to your web server, then you can use a baseUrl in your embedding code (on your 'findanevent.php' web page) to point towards this gallery folder.
The baseUrl method of embedding is documented here.
Essentially, on your 'findanevent.php' web page, just change your gallery's embedding code from:
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
galleryWidth: "300px",
galleryHeight: "550px",
backgroundColor: "rgba(128,0,0,1)"
});
</script>... to:
<script src="/findanevent/currentgalleries/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: "/findanevent/currentgalleries/",
containerId: "juicebox-container",
galleryWidth: "300px",
galleryHeight: "550px",
backgroundColor: "rgba(128,0,0,1)"
});
</script>I would recommend Option #2 above. It keeps all your gallery files together inside the gallery folder on your web server which will help to keep things organized.
That's great!
Many thanks for checking the bugfix and for posting screenshots.
It's greatly appreciated.
We hope to release a new version of Showkase incorporating this bugfix soon.
I will post back in this thread when it has been released and is available to download.
The default value for expandInNewPage is AUTO and on iOS devices, this equates to TRUE. Please see here for details.
It should be pretty safe to just keep expandInNewPage="AUTO" (or, indeed, to set expandInNewPage="TRUE") and both settings should certainly work fine.
If your friends were viewing your gallery over a 3G or 4G connection (rather than wi-fi), then please see this FAQ which has a solution to this problem.
Why can't I view my gallery on a 3G mobile connection?
If this does not help, then please let me know what your friends saw instead of your gallery (an error message or a blank space?) so that I can investigate further.
Also, as your WordPress site is on www.kleibography.com (and all paths within your WordPress pages use the 'www' subdomain), please make sure that your friends are visiting www.kleibography.com rather than just kleibography.com. (All gallery files must be on the same domain or subdomain as the web page containing the gallery's embedding code due to the JavaScript same-origin policy.) I doubt that this is the root of your problem as kleibography.com redirects to www.kleibography.com but it might be something worth checking.
You can use the baseUrl method of embedding in a WordPress site just fine (similar to the instructions for Drupal and Joomla). This has none of the restrictions that using an iframe would have.
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.
I've moved this query to a new thread to keep the full conversation out of the Feature Requests thread.
(It helps to keeps the Feature Requests thread clean and makes finding requests easier for the developers.)
Please feel free to re-post your original suggestion in the Feature Requests thread again (just so there is a record of it there). Thanks.
Thank you for providing the URL to your gallery's web page.
Your gallery's 'jbcore' folder does not seem to be in the correct location on your web server.
According to your gallery's embedding code, the 'juicebox.js' file should be located here:
http://www.countyfairgrounds.net/findan … uicebox.js
... but it does not seem to be there. Going directly to that location in a browser results in an error 404 (file not found).
Please make sure that the contents of your gallery folder have been uploaded to your http://www.countyfairgrounds.net/findanevent/ directory.
It looks like you might have some custom CSS on your web page (possibly introduced by your theme) which is conflicting with the gallery's own CSS.
You might like to temporarily try using a different theme (such as one of the default WordPress themes, e.g. TwentyTwelve, TwentyThirteen or TwentyFourteen), just to see if this makes a difference.
Also, I notice that your gallery currently sets expandInNewPage="FALSE". Try setting expandInNewPage="TRUE" instead. When the gallery is expanded from the Splash Page, it will be expanded on a new page of its own (instead of being expanded on top of the embedding page) where CSS conflicts cannot occur.
I hope this helps.
It looks like the cropping of your Splash Page's image is caused by the following code starting at line 8 of your style.responsive.css file.
.responsive .axis-content-layout img,
.responsive .axis-content-layout video
{
max-width: 100%;
height: auto !important;
}This code will affect the size of all images within the content section of your web page including your Splash Page image.
The Juicebox gallery has no option but to inherit such global CSS rules. (It is not possible to isolate a Juicebox gallery, or any other element on a web page, from global CSS.)
If possible, try applying these CSS rules to only those elements on your web page which require them through use of ids or classes. (Otherwise, you might find that just removing these CSS rules works OK.)
Is that different from the "splashImageUrl" configuration option?
Yes. I was suggesting that you might like to create your own version of a Splash Page linking to a gallery page.
However, now that I know you are using WP-Juicebox, this might not be easy to achieve. It would be difficult to implement within WP-Juicebox as WP-Juicebox embeds galleries (or Splash Pages) directly into pages and posts and does not allow for a link to a full-page gallery to be used in place of the gallery itself.
Are you saying Showkase-Pro doesn't have an equivalent mode?
That is correct. Showkase was not designed with this in mind.
All Showkase pages are created manually by the user via the interface. Showkase does not (and cannot) create pages (whether they are gallery pages or other pages) automatically.
@penum
Thank you for investigating further and for sharing your findings.
I have made some changes to my test site in order to try to fix this Showkase problem.
I have updated Showkase with a version which will hopefully fix the problem.
I have also created three separate galleries, each with a different setting for expandInNewPage.
I would be very grateful if you could view each of these galleries in your iPhone 6 to see if you can still see the problem.
All three galleries should fill the page and hide the navigation menu links under the menu icon.
http://stevenspeirs.x10.mx/sk135/
Many thanks for your help.
It is not possible to duplicate a gallery created by WP-Juicebox.
You could reuse images (but not a gallery) if the source of images is Flickr, a NextGEN Gallery or a Picasa Web Album but if the gallery is sourced by Media Library images, then, no matter where the images are stored (locally or on Amazon S3), you will need to upload the images again and attach them to the post containing the new gallery.
You could, however, create a gallery on your computer with JuiceboxBuilder-Pro and use the baseUrl method of embedding (documented here) to embed the same gallery in multiple different posts.
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.
You can upload as many Juicebox-Lite galleries to as many domains as you like.
If you have Juicebox-Pro, then you would need a license for each domain you upload Juicebox-Pro galleries to.
In order for a Juicebox-Pro gallery to display a Flickr Set, you would define the Set Id using the flickrSetId configuration option in the gallery's embedding code.
For example:
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#222222",
useFlickr: "TRUE",
flickrSetId: "72157645547079035"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->With Showkase-Pro, you would be able to create a Juicebox-Pro gallery to display a Flickr Set by entering the Set Id into the Showkase-Pro interface. However, there is no way for Showkase-Pro to detect when a new Flickr Set has been created and no way for Showkase-Pro to automatically create a new Juicebox gallery to display the Set.
As I noted earlier, each time you create a new Set, you would have to create a new Juicebox gallery manually within Showkase. This is a quick and easy process (no coding is required at all) and might be a compromise you are willing to make in order to have a mobile-friendly site.
... it cropped it in half and only displayed the right half of the image.
Please make sure that you are using the latest version of Juicebox-Pro (v1.4.3). Your Splash Page image should not be cropped like this.
There was a Splash Page image sizing problem in previous versions which was fixed in v1.4.0. (Please see the Version History for a full list of changes between versions.)
If necessary, instructions for Upgrading Juicebox can be found here.
The Splash Page is essentially just a link to a full-page gallery so if you do not like the Splash Page using the gallery's dimensions, then perhaps you could create your own version of a Splash Page - an HTML link (whether text or an image) which opens the gallery's 'index.html' page in a new tab/window (with the gallery being the only element on the 'index.html' page embedded at 100% x 100%).
That's great! Thank you for letting me know.
For others reading this thread, WP-Juicebox assigns variable names to the 'juicebox' object in the form:
var jb_[Gallery Id] = new juicebox({..... so, for example, if you want to add some Juicebox-API code to a WP-Juicebox gallery which has Gallery Id 7, then you could add it below the Juicebox gallery shortcode tag in the body of the post, such as:
<script>
jb_7.onInitComplete = function() {
if (jb_7.getScreenMode() === 'SMALL') {
$('.jb-splash-cnt').css('display', 'none');
}
};
</script>With Juicebox-Pro, you could certainly produce individual galleries to each display a different Flickr Set.
1. Show all my Flickr sets, in the same order Flickr shows them. Having a thumbnail for each would be required.
With Juicebox-Pro, you could create as many individual galleries as you like but you would need to link them together manually using techniques such as those in the Embedding Multiple Galleries support section. Juicebox-Pro does not come with any automated method of linking together multiple galleries.
An alternative solution would be to use 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 and your Flickr-based galleries could be created within the application itself (or created with JuiceboxBuilder-Pro and then imported into Showkase).
You could create gallery index pages and have as many galleries listed on each index page as you wish.
Each gallery is represented by a thumbnail image with the gallery title displayed below and the gallery is opened when the user clicks on the image.
(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.)
All of this is done automatically within the 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.
Demo sites can be found here and a sample Gallery Index page can be found 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.
2. Once the user selects a set, show the photos in there in chronological order or the order Flickr uses.
Flickr sets are always returned in the order specified on the Flickr set page.
For more details on how to change the order of images in a Flickr Set, please see this FAQ:
How do I change the order of images in a Flickr Photo Set?
3. The list of sets should update automatically as new sets are created.
You would need to add a new Gallery Page within your Showkase site each time you create a new Flickr Set. (There is no way for Juicebox-Pro or Showkase to know that you have created a new Flickr set.) However, this is a quick and easy process which can be done in a matter of minutes (and the new gallery can automatically be listed on a Gallery Index Page if you like).
4. Show the text for each photo, either next to it, or via some sort of popup or mouseover.
Juicebox-Pro supports displaying the Flickr Title and/or Flickr Description in the gallery's caption area.
Please see the Flickr Options section of the Config Options page for details.
The caption area can then be positioned using the captionPosition configuration option.
So I don't need a non-mobile-friendly solution, I already have that.
Both Juicebox-Pro and Showkase are mobile-friendly.
Please try viewing the demo Juicebox galleries and Showkase sites in any mobile devices you have.
Juicebox: http://www.juicebox.net/demos/
Showkase: http://www.showkase.net/demos/
We do not have trial versions of Juicebox-Pro or Showkase but we do offer a money back guarantee:
Juicebox: Can I try a trial version of Juicebox-Pro?
Showkase: Can I try a trial version of Showkase?
I hope you find the information (and links) above helpful.
You could remove the image count from the Splash Page by adding the following CSS code to the <head> section of your web page:
<style type="text/css">
.jb-splash-cnt {
display: none;
}
</style>However, this would apply to both Large Screen Mode and Small Screen Mode.
If you want the code to apply to only Small Screen Mode (when the gallery is displayed on mobile and small screen devices), then you could check which Screen Mode is being used (via the Juicebox-Pro API getScreenMode() method) and then use JavaScript to apply the custom CSS rule to the relevant class.
Your gallery's embedding code might look something like this:
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
var jb = new juicebox({
containerId: 'juicebox-container',
screenMode: 'AUTO'
});
jb.onInitComplete = function() {
if (jb.getScreenMode() === 'SMALL') {
$('.jb-splash-cnt').css('display', 'none');
}
};
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->[Query moved to new forum thread.]
Here are a few tips which may help:
(1) The size of the Splash Page is determined by the gallery's dimensions. The Splash Page is the same size as the gallery would be if the Splash Page was not used (by setting showSplashPage="NEVER") and the gallery was displayed in its place.
(2) By default, the image used for the Splash Page is the first image in the gallery. You can specify a different image if you like via the splashImageUrl configuration option. For reference, a list of all Splash Page options can be found here.
(3) The image used for the Splash Page is scaled to fill the Splash Page's area. Unless the aspect ratio of the image and the Splash Page are identical, the image will either:
(a) Fill the Splash Page left-to-right with cropping at the top and bottom.
... or:
(b) Fill the Splash Page top-to-bottom with cropping at the left and right.
Hopefully these notes will help you configure your gallery as best you can usign the available options.
[Thread moved.]
This issue has been resolved.
That's great! Thank you for posting back to let me know.
I have also found what might be a possible solution in an Adobe forum thread which you might still like to take a look at (out of curiosity if nothing else): https://forums.adobe.com/message/3488779#3488779
Please note that a couple of posts later in that thread, a user claims that it is necessary to reboot your computer after the deletions.
In any case, I'm glad that you have been able to resolve your problem.
You're welcome! I'm glad it worked.
Please try the following:
(1) Uninstall JuiceboxBuilder-Pro. (Delete the 'JuiceboxBuilder-Pro' file from the Applications folder and empty your Trash.)
(2) Delete the following folder manually:
/Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
(3) Search your hard drive for the term 'JuiceboxBuilder-Pro' and delete any and all entries found.
(4) Reinstall JuiceboxBuilder-Pro.
I have found some correlation between the error message you reported and the Encrypted Local Store (ELS) in the Adobe Forum so hopefully trying the procedure above (especially Step #2) will help.
It is not possible to display a WP-Juicebox gallery multiple times throughout a WordPress site.
Each WP-Juicebox gallery is linked to an individual post and displays the images attached to that post.
(You would need the ability for the gallery to display images attached to a different post.)
You would need to upload the images for each gallery.
If you want to reuse images, then you might like to consider using a different source for your images (such as Flickr, a NextGEN Gallery or a Picasa Web Album). You could quickly and easily set up two different galleries to display the same images in these cases.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.