You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
IF i used the Jalbum Web Space the resulting gallery wouldn't be correct on an iPhone
That is correct. jAlbum storage is not like a regular web host. All albums hosted on jAlbum.net (no matter what skin was used to create them) will look identical on an iPhone.
Just upload your album to your own web space and all will be well.
It is not possible to change the image transition type from SLIDE on mobile devices.
Changing enableTouchZoom will toggle the ability to pinch zoom on mobile devices and has nothing to do with the image transition.
Setting forceTouchMode to FALSE (default setting) will allow Juicebox to be displayed in Mouse Mode in desktop browsers whilst displaying Juicebox in Touch Mode on mobile devices.
Setting forceTouchMode to TRUE will force Juicebox to be displayed in Touch Mode in both desktop browsers and on mobile devices.
On mobile devices, Touch Mode will always be active (this cannot be overridden) and in Touch Mode, the image transition type will always be SLIDE (this also cannot be overridden).
I think this problem may also have something to do with your web server (and specifically the way it serves up some files to browsers).
I have used your 'rhodes_gallery.html' and 'config.xml' files in a test gallery, uploaded it to my own web server and the gallery displays fine in IE9 (with my own images) so there is nothing wrong with the code of either of your files.
The default settings on your test web server may be too restrictive.
Are you able to test your gallery on the web server you intend to use permanently? I suspect you will find that it will work fine in IE9 on your other host.
the above code has to go in an html page
Correct.
the page has to be named index.html
Incorrect. The page into which the embedding code is inserted can be called anything you like.
If embedding using the guide here, just watch out in case the 'index.html' file from the gallery folder overwrites an existing file named 'index.html' which you may already have.
Embedding a gallery means to place the gallery in an existing web page alongside other content, rather than simply opening the gallery on a page of its own (though, technically, the gallery's own 'index.html' file still embeds the gallery but with no other content on the page).
Here is a gallery on its own (opened by loading the gallery's own 'index.html' file): http://juicebox.net/demos/lite/full/
Here is a gallery embedded in a web page: http://juicebox.net/demos/lite/embedded/
A multi-gallery album generated by jAlbum and the Juicebox Skin displays and functions fine on my iPod Touch iOS 5.1.1.
If you do not like the Splash Page and would like the gallery to initially appear, you can set showSplashPage="NEVER" in the Pro Options text area.
If you like, you could also set screenMode="LARGE" to force the gallery to be displayed as if it were on a device with a larger screen.
If you do not like the way the web page is scaled on a mobile device, you could add the following line of code to the <head> section of your album's 'index.html' page:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">If you would rather simply create a single gallery like JuiceboxBuilder or the Lightroom, Photoshop or Picasa plugins (rather than a multi-gallery album with a navigation tree menu), then go to 'Album -> Settings -> Advanced' and deselect the 'Process subdirectories' checkbox. jAlbum will then process only those images in the root input folder and a single gallery will be created which will look identical on an iPhone (or any other device) to a gallery created by any other method.
It was a lot easier IMHO following your instructions that the instructions given by Jalbum.
I have now added instructions on how to open the skin directory in the jAlbum instructions.
How can i confirm that i have carried out my task successfully, is there a way of checking the version number or similar ?
Create a test gallery and check to see if the Juicebox badge/link in the bottom-right corner of the gallery is present.
It is always present in a Jucebox-Lite gallery but never present in a Juicebox-Pro gallery.
FOR EXAMPLE i still only have the default style available from the drop down box.
This is a jAlbum setting (not a Juicebox setting) which skin developers can choose to use if they wish. It is not relevant to Juicebox, hence there is only one available setting. Perhaps when Juicebox supports more themes in the future (other than the current 'classic' theme), the jAlbum 'Style' combobox could be used to select the theme.
i suppose i also have to ask where do i find this form ?
Click the leopard-skin icon to open the Juicebox skin settings tab (or select 'Album -> Settings -> Juicebox' from jAlbum's drop-down menu at the top). Now select 'Juicebox' to find the 'Pro Options' text area.
and where do i find the names and values ?
Names and values of all Juicebox configuration options can be found on this page.
Is there another place I can vote for the thumbnail grid ??
Please post feature requests in this thread so that they are not overlooked.
Thank you.
The 'jbcore' folder to replace can be found by selecting the Juicebox skin and then going to 'Tools -> Skin Directories -> Open skin directory' from jAlbum's drop-down menu at the top. Now that you are inside the skin directory, go to 'res/juicebox/'. (I've now added this information to the instructions on the jAlbum Juicebox skin download page.)
The Pro 'jbcore' folder you should use to replace the Lite 'jbcore' folder in the skin directory can be found by unzipping the Juicebox-Pro download package and going to 'juicebox_pro_1.0.2/web/'.
There is I believe a small bug that is if you enter html code (e.g. <br>) in the title field in Lightroom the plugin hangs. This also applies if it is in the presets XML options.
Unfortunately, this is a known issue for which there is no known fix. However, if you delete the HTML code from the 'Gallery Title' text field, the Live Preview window should return to normal.
The 'Expand Button' will be shown only if the gallery's dimensions are less than 100% x 100%, if the gallery's dimensions are expressed as absolute pixel values or if the gallery is embedded in a web page alongside other content. Otherwise, the gallery will already be displayed as large as possible within the browser window (filling the browser window) and cannot be made any larger so the 'Expand Button' would be redundant and is automatically disabled.
To fill the user's entire screen (rather than just the browser window) the user must press F11.
Currently, in order to use keyboard shortcuts such as F11, the user must first click in the address bar to give focus back to the browser. This is a known bug which has already been addressed and will be fixed in the next version where F11 will work even when the gallery has focus (i.e. the user has clicked somewhere within the gallery area).
When you create a gallery with JuiceboxBuilder, you have a couple of options.
(1) You can ignore the embed code provided and simply view the gallery on its own web page by opening the gallery's 'index.html' page (inside the gallery folder) in a browser.
If you wish to link to the gallery from another web page, it is this 'index.html' page that you should link to.
(2) You can embed the gallery in an existing HTML page alongside other content by using the embed code provided by JuiceboxBuilder and following the instructions here.
so what advantages are there, that using the juice box lite App gives me over using Jalbum ?.
They are simply different ways of creating a Juicebox gallery. There are also plugins available for other programs such as Lightroom, Picasa and Photoshop. Use whichever method you are most comfortable with. Some people already use programs such as Lightroom so having a plugin for Lightroom fits in well with their current workflow.
For those not currently familiar with Lightroom, Photoshop, etc. a plugin is of little use which is why we provide JuiceboxBuilder-Lite (a standalone application dedicated to creating and editing Juicebox-Lite galleries) with the Juicebox-Lite download.
The jAlbum skin has the ability to create multi-gallery albums in a single action (by dragging and dropping an entire folder structure into jAlbum's main window). A Juicebox gallery will be created for each folder/subfolder in your input structure and all the galleries will be linked together by the JavaScript navigation tree. You can also upload the resulting album directly to your web space via jAlbum's built-in FTP functionality.
If you were to purchase Juicebox-Pro, you would gain access to the many Pro Configuration Options which are not available to Juicebox-Lite users and the 50-image per gallery limit would be lifted. Other benefits of Juicebox-Pro over Juicebox-Lite can be found on this page.
You could integrate Juicebox-Pro into the jAlbum skin by following the instructions on this page. Pro Options should be entered into the skin's interface as lines of text, such as:
option1=value1
option2=value2As a Juicebox-Pro customer, you will also have JuiceboxBuilder-Pro which allows you to create a Juicebox-Pro gallery with all available Pro Options configurable via the interface (without the need to type or copy/paste text). The live preview window also shows you exactly how your gallery looks as you make changes.
The .air file extension signifies that the file should be handled by the Adobe AIR installer.
JuiceboxBuilder requires Adobe AIR v2.0 or later. The latest version of Adobe AIR (v3.3) can be downloaded from this page.
It is safe to install both Adobe AIR and JuiceboxBuilder on your Mac.
Please see the JuiceboxBuilder User Guide for details.
i imagine i need that to upgrade my albums to v2?
It would become a two-step process but you could use svBuilder-Pro to first convert your SimpleViewer v1.9 galleries to SimpleViewer v2, then you could use JuiceboxBuilder-Pro to convert your SimpleViewer v2 galleries to Juicebox.
any chance the wonderful grid home page of sv will ever make it to juicebox?
I do not know about the possibility of having a grid of thumbnails but further thumbnail positioning options are currently being considered.
There is I believe a small bug that is if you enter html code (e.g. <br>) in the title field in Lightroom the plugin hangs. This also applies if it is in the presets XML options.
Thank you for reporting. I will log a bug report and hopefully this can be fixed in a future version.
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.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.