You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
If you just change a configuration option, then the only file you need to re-upload is the gallery's 'config.xml' file.
(You may need to clear your browser's cache after making such a change before reloading the gallery.)
There are certain options (Background Color, Gallery Width, Gallery Height) that are set in the gallery's embedding code rather than in the XML file.
If you change any of these, then you will also need to upload the gallery's 'index.html' file.
Does JuiceBox solution scale to this level (I see you support unlimited images) and how do you recommend architecting it?
One of the issues of having such a large gallery would be to ensure that not all images are preloaded by the browser at once.
Juicebox caters for this with the imagePreloading option which can be set to preload all images in the current thumbnail page, the next image in the gallery only, all images in the gallery or no images at all.
Is it possible to build something similar to the Flickr connection except to our own API?
Rather than manually create an XML file listing all images to be displayed, it is possible to use PHP to include all images in a specific directory.
You could use the following embedding code:
<!--START JUICEBOX EMBED-->
<script src="jbcore/js/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container",
configUrl : "config.php"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->... and use the following code in a file named 'config.php' instead of a traditional static XML file.
<?php
header("Content-Type: application/xhtml xml; charset=UTF-8");
function GetDirArray($folder)
{
$handle=opendir($folder);
while ($file=readdir($handle))
{
if ($file!="." && $file!="..")
{
$ret[count($ret)]=$file;
}
}
closedir($handle);
sort($ret);
return $ret;
}
$gallery=GetDirArray('images');
echo '<?xml version="1.0" encoding="UTF-8"?>';
echo '<juiceboxgallery title="Juicebox Gallery">';
for ($i=0; $i<sizeof($gallery); $i++)
{
echo '<image imageURL="images/'.$gallery[$i].'" thumbURL="images/'.$gallery[$i].'" linkURL="" linkTarget="">';
echo '<title></title>';
echo '<caption></caption>';
echo '</image>';
}
echo '</juiceboxgallery>';
?>In the above example, all images in a directory named 'images' would be included in the gallery.
You may be able to incorporate Amazon S3 API calls into the code above to fetch your images from Amazon's servers.
Do you have an example of a JuiceBox install with thousands of images?
There are no online examples of such large galleries but it should be very easy to create one yourself using JuiceboxBuilder-Pro. Just drag and drop all your images into the JuiceboxBuilder-Pro interface and save the gallery on the 'Publish' tab.
I have personally created a gallery with over 1000 images in the past and there was no discernible difference between the loading time of this gallery over the loading time of a gallery containing only a few images.
When first creating a gallery with JuiceboxBuilder-Pro, the relative path to your 'logo.png' image is meaningless as the gallery folder does not yet exist. The path should be relative to the HTML file into which the gallery is embedded but the file has not yet been created.
If you save your gallery (on the 'Publish' tab) and then re-open the gallery in JuiceboxBuilder-Pro, you should see your image in place of the blue question mark.
This is not actually a bug. The SLIDE transition will always be used in Touch Input Mode (as the Swipe gesture lends itself to the SLIDE transition) and Touch Input Mode will always be used on small touch-screen devices.
As the description for imageTransitionType says on the 'Juicebox - Config Options' page:
Only applies for Large Screen Mode and Mouse Input Mode.
Apologies for suggesting that it might have been a bug.
You need to upload your gallery folder to a web server in order for the gallery to be publicly accessible to other users (who do not have access to your desktop).
If you do not have web space with a regular web host, you can use Dropbox as a host.
To upload your gallery folder to Dropbox:
(1) Download and install the Dropbox client program (from the link above)
(2) Run the install program and sign up for a free Dropbox account
(3) Create your SimpleViewer gallery with the method of your choice
(4) Drag and drop the entire gallery folder into the 'Public' folder within the newly created Dropbox folder on your computer
(5) Navigate towards your gallery's 'index.html' file (within 'username/Dropbox/Public/gallery_folder/'), right-click it and select 'Dropbox -> Copy public link'
To embed your gallery in a blog entry, insert an <iframe> whose 'src' attribute points towards the 'index.html' page within your gallery folder (the URL you copied in Step #5 above if using Dropbox), e.g.:
<iframe src="URL_to_gallery_index_page" width="800" height="600" frameborder="0" scrolling="no"></iframe>When entering the <iframe> code in your blog, make sure that the method of entry is 'HTML' rather than 'plain text', otherwise, users will see the <iframe> code rather than your gallery.
It looks like you have found a bug. Thank you for reporting.
I have logged a bug report.
I am glad you have found a suitable workaround for your problem.
Thank you for posting back to let me know.
Is there any way to convert simpleviewer galleries to juicebox?
Yes. Please see the Converting a SimpleViewer Gallery section for details.
You may also find this post useful for converting a large number of galleries.
Would it be a case of replacing 'svcore' with 'jbcore' in each of the galleries?
As you have discovered, there is more to it than that. The gallery's embedding code (in the HTML file) needs to be converted and the settings (in the XML file) need to be translated.
Have you also uploaded your gallery folder to a suitable host?
Please take a look at the FAQs to see if any describe your scenario (such as the first one) and offer a suggestion which might help.
If you continue to experience difficulties, please post the URL to your gallery so that I can take a look.
Please advise does the Juicebox PRO software support audio in all browsers or not?
Yes.
Your problem seems to be due to the way that your web host serves the .ogg file to the user's Firefox browser.
If you go directly to this sample .ogg file in Firefox, the music starts playing.
However, if you go directly to your .ogg file on your web server, Firefox does not play the file but instead offers to download it.
I notice in Virgin Media's Support Pages that the .ogg MIME type is not configured by default.
Try adding the .ogg MIME type in an .htaccess file as described on this page.
The demos on this page show what can be done with Juicebox but the themes are not downloadable.
A Theme Gallery is planned but not yet available. Please see the Juicebox - Theming page for more details.
This is a known bug (imageClickMode="OPEN_URL" does not work on mobile devices).
A bug report had already been logged and hopefully it will be fixed in the near future.
Thank you for reporting.
I do see config XML file in "wp-content/uploads/juicebox/"
Yes, but the full path to your gallery's XML file is: http://media.kutovadesign.com/wp-conten … ebox/5.xml which is a different domain to URL you quoted for the page into which the gallery is embedded.
(Did you change the path to the uploads folder in the WordPress Dashboard 'Settings -> Media' section?)
If you visit: http://media.kutovadesign.com/juicebox/ you will see your gallery (as the page's domain matches that of the XML file).
That's great! Thanks for posting back.
There is a typo in your audioUrlOgg entry.
Currently, you have audioUrlOgg="04.0gg" (note the zero character in the file extension).
This should be audioUrlOgg="04.ogg".
Although not sure how to check "PHP DOM extension enabled"
Create a new file named 'phpinfo.php' containing the following code:
<?php
phpinfo();
?>Upload it to your web server, open the page in a browser and search for the DOM section.
However, this is not the problem.
Your website URL is http://www.kutovadesign.com/juicebox/
However, your XML file is stored on: http://media.kutovadesign.com/
All Juicebox files should be stored on the same domain (or subdomain).
The latest version of svManager (v1.8.0) now includes support for Juicebox galleries.
You can download the latest version using the link from your original purchase email.
If you cannot find the email or your link has expired, please fill in this Upgrade Request Form to request a new link.
You can upgrade svManager from Juicebox-Lite (which it comes bundled with) to Juicebox-Pro by following Step #6 from the instructions here.
Ensure that your galley's background is transparent by setting the background opacity (the last parameter in the 'rgba' notation) to zero, e.g.:
backgroundColor : 'rgba(0,0,0,0)'Also, try giving your header <div> a high 'z-index' value so that it appears on top of all Juicebox gallery elements, e.g.:
<div id="header" style="z-index: 9999;">Your gallery's XML file uses the setting useFlickr="false" but there are no images listed in the XML file for the gallery to display.
Make sure that your images are present in your WordPress Media Library and that they are attached to the post containing the gallery. After checking this, 'Edit' and 'Update' the post to rewrite the gallery's XML file and include the images in your gallery.
@UrsusMaritimus
Thank you for sharing! Hopefully others will be able to benefit from it.
Do you have Small Screen Mode and Large Screen Mode sample galleries that I can compare side by side?
Also, on what platform and in what browsers do you see the differences?
I have created SSM and LSM galleries using my own images and have viewed both galleries side by side in Firefox 12, IE9 and Safari 5.1.7 (Windows PC) and cannot see a difference between the two.
do you have an ETA for the new version?
There is no set time-frame for releases and no release date scheduled for the next version.
However, you can be notified of new releases by joining our mailing list and following us on Twitter (@juiceboxgallery).
Please scroll down to the bottom of our home page for details.
you're right, using another Theme for wordpress helps to make the gallery / website scalable on my iPhone. Even displaying the gallery on another post / page then the start page helps. I have no clue what's the actual issue, so you might have a pointer where I can start searching for the problem with the starting page
It may (or may not) have something to do with your theme using a <meta> tag such as:
<meta name="viewport" content="width=device-width" />... which, for example, the WordPress theme 'Twenty Eleven' uses (but 'Twenty Ten' does not).
For more information on the <meta> 'viewport' tag, please see here.
Maybe because I'm running it with python. Did you use Java?
No. I used Python v2.7.3 and Google App Engine SDK for Python v1.6.6 (Windows).
The contents of my 'app.yaml' file were as follows:
application: juiceboxgallery
version: 1
runtime: python
api_version: 1
handlers:
- url: /(.*\.(gif|png|jpeg|jpg|js|css|xml))
static_files: \1
upload: (.*\.(gif|png|jpeg|jpg|js|css|xml))
- url: .*
script: main.pyThe 'main.py' file remained unchanged from the 'website.zip' file referenced in the link I posted.
Also, make sure that you are using the latest version of Juicebox (v1.0.2) to ensure that bugs present in earlier versions (which have since been fixed) are not contributing to your problem.
Please see the Upgrading Juicebox section of the Juicebox support pages for details if necessary.
If you continue to experience difficulties, please post the URL to your gallery so that I can take a look.
The backgroundColor can be set in either the XML file ('config.xml') or the embedding code (in the 'index.html' file). If set in both, Juicebox will use the value set in the embedding code.
1. Sort images from metadata fields?
You could use a Flickr account as a source of images by using the following settings in your gallery's XML file:
useFlickr="TRUE"
flickrUserName="your_flickr_username"Then, you could use the flickrSort Pro Option which gives you some control over the order in which the images are displayed.
The Juicebox Flickr options can be found here.
2. Display select metadata: captions, filenames et al?
It is not yet possible to extract metadata for use as the image's <title> or <caption>.
Currently, it is possible to use the image's File Name for the <title> and/or <caption> and, additionally, the linkURL for the <caption> (via JuiceboxBuilder's 'Images -> Titles' and 'Images -> Captions' drop-down options at the top).
3. Update a site on the fly by adding images to a folder/directory, without entire re-export?
If using Flickr as a source of images, you could upload new images to your Flickr account and they would be displayed in your Juicebox gallery next time it is viewed without having to modify any gallery files.
Alternatively, you could use the following PHP code as your gallery's XML file. It will read and display all images in a folder named 'images'.
<?php
header("Content-type: application/xml");
function GetDirArray($folder)
{
$handle=opendir($folder);
while ($file=readdir($handle))
{
if ($file!="." && $file!="..")
{
$ret[]=$file;
}
}
closedir($handle);
sort($ret);
return $ret;
}
$gallery=GetDirArray('images');
echo '<?xml version="1.0" encoding="UTF-8"?>';
echo '<juiceboxgallery galleryTitle="Juicebox Gallery">';
for ($i=0; $i<sizeof($gallery); $i++)
{
echo '<image imageURL="images/'.$gallery[$i].'" thumbURL="images/'.$gallery[$i].'" linkURL="" linkTarget="">';
echo '<title></title>';
echo '<caption></caption>';
echo '</image>';
}
echo '</juiceboxgallery>';
?>Place the above code in a file named 'config.php', place the file in your gallery folder and add the following to your gallery's embedding code:
configUrl : 'config.php'(You may wish to modify the code to handle thumbnails in a similar fashion.)
Each time you upload images to the 'images' folder, they will automatically be displayed in the gallery when the gallery is viewed.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.