You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
As Felix said:
You can add galleries to the new website domain once you have deleted all galleries from the original domain.
You do not need to assign a license to a domain.
As long as you have Juicebox-Pro galleries on only one domain at any one time, you will not be in breach of the license agreement.
I tested the code before I posted it and it works in Firefox 14.0.1, IE9, Safari 5.1.7, Chrome 21 and Opera 12 on my PC.
I just inserted the code at the bottom of the 'jbcore/classic/theme.css' file.
The border radius is applied to both the thumbnail image and the thumbnail border.
Try again and clear your browser's cache before reloading the gallery.
If this does not help, perhaps the platform (PC vs Mac) or version of Chrome that you are using are contributing factors.
Sorry for the misunderstanding. This is also on the roadmap.
In the meantime, try adding the following to your gallery's CSS:
.jb-idx-thb-frame, .jb-idx-thumb img {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}It is currently not possible to change the thumbnail border width. This value is set in the 'juicebox.js' JavaScript file which is packed and obfuscated and cannot be modified.
However, the ability to set this parameter via a configuration option (rather than via modification of CSS or JavaScript) is on the roadmap and will hopefully be included in a future version (though I do not know exactly when this might be).
I would recommend reducing the filesize of your images. The dimensions are OK (approximately 1024 x 768) but you could reduce the quality setting ('Output Settings -> JPG Quality') to bring the filesize down to somewhere between 100KB and 200KB.
As an example of a reasonable compromise between size and quality, the default settings of JuiceboxBuilder-Pro resize my original 4416 x 3312 10MB files into 1024 x 768 files of approximately 85KB each which are suitable for web gallery use.
Juicebox will then be able to load your images significantly quicker.
You may also like to change the imagePreloading option which determines how images are preloaded. Possible values for this options are PAGE, NEXT, ALL and NONE.
JuiceboxBuilder-Pro can open local galleries only (i.e. those on your hard drive).
The application is not able to open galleries which reside on a web server.
Can you help me understand the workflow please?
The following workflow would work:
(1) Create a Juicebox gallery using the Lightroom plugin by clicking the 'Export' button to save the gallery to your hard drive.
(2) Open the gallery in JuiceboxBuilder-Pro and edit as necessary, re-saving the gallery on the 'Publish' tab when finished.
(3) Upload the gallery folder to your web server via FTP.
If you do wish to edit a gallery which has been uploaded to a web server, you could use svManager.
This is a PHP web application which allows you to create, import and edit galleries online via a web browser interface.
All Juicebox-Pro configuration options are customizable via svManager's interface.
If you are interested, you can try out the online demo version of svManager here.
Change:
<script src="gameart/jbcore/js/juicebox.js"></script>... to:
<script src="gameart/jbcore/juicebox.js"></script>The 'juicebox'js' file is not located in a folder named 'js' within the 'jbcore' folder.
This was an error in the code provided in the Juicebox - Embedding Guide which I have now fixed. Sorry for the inconvenience.
If you wish to embed multiple galleries on the same HTML page, you will need to embed each gallery into a <div> with a unique 'id'.
For example:
<script src="gameart/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container1",
baseUrl : 'gameart/',
galleryWidth: "800",
galleryHeight: "600",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container1"></div>
<script>
new juicebox({
containerId : "juicebox-container2",
baseUrl : 'gameenv/',
galleryWidth: "800",
galleryHeight: "600",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container2"></div>(It is necessary to load the 'juicebox.js' file only once on your page.)
Also, your current http://koheiart.com/index.html page contains only the embedding code for a single gallery (with a closing </html> tag at the end) and is not a complete web page. It should contain a Doctype Declaration at the top and should have <html>, <head> and <body> tags. Please see the example here for details. (The embedding code should go between the <body> </body> tags.)
I am really missing a 'gallery of galleries' function. I have seen the embed examples but without showing images for the individual galleries it is without any visual effect and is a uninspired solution.
Currently, the only way to have an index page of multiple galleries automatically generated with a corresponding thumbnail image for each one is to use svManager to create or import your galleries. The resulting index page would look like this demo page.
Plus I do not seem to be able to change the text 'Open ....in new Window'.
This, also, is not currently possible.
Thank you for the suggestions.
Thank you. I found out that even though I had selected "captionPosition: OVERLAY_IMAGE," it wasn't updating in my xml file when I hit "publish" (quirk or bug?).
It seems to be working OK for me.
I have just created a test gallery with JuiceboxBuilder-Pro. I then closed the application and reopened it, loading the test gallery. I changed the captionPosition to 'OVERLAY_IMAGE', clicked 'Save' on the 'Publish' tab and the entry was written to the XML file correctly. Perhaps a program (a text editor or browser perhaps?) had a lock on the file when you were trying to re-save it.
With regard to your other query, further thumbnail layout options are currently being considered (though dots in conjunction with pop-up thumbnails may be unlikely) and will hopefully be implemented in a future version.
I have just tried creating a Juicebox gallery with the Lightroom plugin (v1.1.1).
I used a 7300 x 3100 image. The generated thumbnail size was 127 x 54.
The thumbnail does look truncated in the Live Preview Window (black area to the right-hand side of the image) but looks OK when the gallery is viewed in desktop browsers.
With a 5000 x 1000 image, the generated thumbnail is 128 x 26 and is completely blank in the Live Preview Window but, again, looks OK when the gallery is viewed in desktop browsers.
I have now logged a bug report. Thank you for reporting.
@pmbphoto
Allow option to set caption bar width to width of photo
This was made possible in v1.1.0 with the introduction of the OVERLAY_IMAGE and BELOW_IMAGE values for the captionPostion option. (Setting the caption width to a specific value is not supported.)
Allow user to set the default for captions to be displayed initially or not (viewer can then turn on/off with "show info" button).
The captions can initially be forced to be displayed (if positioned OVERLAY or OVERLAY_IMAGE) by setting showImageOverlay="ALWAYS" in your gallery's XML file. Likewise, you can set showImageOverlay="NEVER" to initially hide the captions. Both of these can be used in conjunction with showInfoButton="TRUE" to allow the user to toggle the overlay (including the captions) on or off.
- On an iPhone (not sure about iPad or other devices) the Show Thumbs Button appears as an array of squares and allows the viewer to see a pop-out array of the thumbnails. On a standard monitor, the button shows/hides the row of thumbnails. Would like the option to have thumbnail index pop-out on a standard monitor as well (like a soundslides gallery).
You can replicate the Small Screen Mode behavior of Juicebox in desktop browsers by setting screenMode="SMALL".
@captureme
It does sound similar but without a gallery URL from contactgeoff, there is little we can do to test.
@philby
Thank you for the suggestions. We will keep them in mind for future versions of WP-Juicebox.
@terranut
Thank you for your sugestions. Here are a few notes on a couple of your points.
- a fully configurable startup gallery, where tiled photos & text allows a person to chose which gallery to open up, like as seen here in this demo
Currently, the only automated way to create an index page listing multiple galleries with a thumbnail image for each gallery is to use svManager. It is a PHP web application for creating and editing Juicebox (and SimpleViewer, AutoViewer, PostcardViewer and TiltViewer) galleries. Rather than create galleries with svManager itself, you may choose to create galleries by another method (such as with JuiceboxBuilder-Pro) and import the galleries to be managed by svManager. The automated index page would look something like this demo.
A method of creating multiple galleries in a single pass is to use jAlbum and the Juicebox Skin. You could drag-and-drop an entire folder structure into jAlbum's main window and, on clicking 'Make Album', a Juicebox gallery will be created for each folder/subfolder in your input structure. All the galleries would be linked together via a JavaScript navigation tree (though there would be no thumbnail images to represent each gallery).
- i know the i can go true fullscreen, but not in IE9+, id like to see that support in the future
This is down to browser support of the Fullscreen API and is not controlled by Juicebox itself.
Currently IE9 does not support the Fullscreen API. For a list of browsers that do support the Fullscreen API, please see this web page.
Try defining your @font-face in the gallery's 'index.html' page like this:
@font-face {
font-family: Delicious-SmallCaps;
src: url('Delicious-SmallCaps.otf');
font-weight: 400;
}... and use something like the following as your Gallery Title
<span style="font-family: Delicious-SmallCaps;">Juicebox Lite Gallery</span>... replacing 'Delicious-SmallCaps' with the name of your own chosen font.
Alternatively, you could add the following to your gallery's 'index.html' page CSS:
.jb-area-large-mode-title {
font-family: Delicious-SmallCaps;
}... and then just use plain text for your Gallery Title.
Thank you for testing and reporting back.
I will ensure that this fix is included into the next version of WP-Juicebox.
Is this an issue with the Safari browser or is there a workaround?
If it was an issue with Mobile Safari, I would expect to see the issue on both the iPad and the iPhone but you say that it happens on the iPad but not on the iPhone.
Please post the URL to your gallery so that I can take a look.
WP-Juicebox defines the path to the configUrl as an absolute URL.
As such, it does not rely on the 'juicebox.js' file to build up an absolute URL from a relative one.
Also, the absolute URL used to define the path to the configUrl within WP-Juicebox does not hardcode the 'http://' part.
It is constructed from the following code using the WordPress method wp_upload_dir(). If your WordPress installation is hosted on a secure server, then I would expect the method to return a URL starting with 'https://'.
$upload_dir = wp_upload_dir();
$gallery_filename = $upload_dir['baseurl'] . '/juicebox/' . $gallery_id . '.xml';However, this does not seem to be the case. (I do not have a secure server on which to test.)
Try inserting the following code on line 1083 of 'wp-juicebox.js'.
if (strpos($gallery_filename, 'http') === 0 && is_ssl()) {
$gallery_filename = str_replace('http://', 'https://', $gallery_filename);
}Hopefully, this will resolve the issue and the fix can be included in the next version of WP-Juicebox.
Thank you for reporting.
I believe you are correct in guessing that the selected thumbnail's frame width is set within the 'juicebox.js' file. As the JavaScript file is packed and obfuscated, it is not possible to modify the file and change this value.
However, the ability to set this parameter (the selected thumbnail's frame width) via a configuration option (rather than via modification of CSS or JavaScript) is on the roadmap and will hopefully be included in a future version (though I do not know when this might be).
Thank you for reporting.
This is a known bug which has been addressed and will be fixed in the next version.
In the meantime, workarounds are either to set firstImageIndex="1" or (as you have discovered) enableLooping="FALSE".
Install and use JuiceboxBuilder-Pro (which comes with Juicebox-Pro).
You can then enter unique Titles and Captions for each image in the text fields on the 'Images' tab.
You can also use the 'Images -> Titles' and 'Images -> Captions' options (from the drop-down menu at the top) to globally populate the Title and Caption text fields with information such as file names or IPTC titles and captions.
It is not possible to change the position of the buttons on the Button Bar. The order of the buttons is determined by code within the 'juicebox.js' JavaScript file which is packed and obfuscated and cannot be modified.
Some of the photos have the Filename displaying under the photo in the location where the Title Text displays.
In the NextGen gallery where the thumbnails display, there is no data in the Alt & Title Text box!
Currently, WP-Juicebox defaults to using the image filename as the title if the NextGEN 'Alt & Title Text' field is empty.
This is a bug which will be fixed in the next version but until it is released, you can fix it by opening the 'wp-juicebox.php' file in a plain text editor and changing line 668 from:
$title = $attachment->filename;... to:
$title = '';Once you have made the change, simply 'Edit' and 'Update' the post containing the gallery or edit the gallery itself (via the 'Manage Galleries' page).
I am not a techie, but I asked my husband what he thought - he is a techie. He showed me how I could edit the generated HTML file. I'm wondering if it would be possible to provide a simple editor of the HTML file so fix these?
If you want to delete the titles manually, you will need to open the gallery's XML file in a plain text editor (such as Notepad++).
The XML file will be located in the 'wp-content/uploads/juicebox/' directory and will be named 'gallery_id.xml' (where 'gallery_id' is the numeric Gallery Id of the gallery in question.
Once the file has been opened in the editor, just delete the contents of the <title> tags, save and re-upload the file to its original location.
The thumb dots (unselected, selected and hover) are all part of the 'assets.png' file in the 'jbcore/classic/img' folder.
You can edit this file in an image manipulation program (such as Photoshop) to change the color of the dots.
Try changing:
<div id="fotogalerie_triathlon_erbach_2011"></div>... to:
<div id="fotogalerie_triathlon_erbach_2011" style="float: left;"></div>too upload my Album again to the new web space i thought easy, i can find it on my computer and juicebox pro can upload it again !
Neither Juicebox-Pro nor JuiceboxBuilder-Pro have any built-in FTP capability so you cannot upload a gallery using either.
DIDNT WORK, juicebox couldnt find the correct config.xml file ?
In order to open an existing gallery in JuiceboxBuilder-Pro, the gallery's XML file must be named 'config.xml' (or 'gallery.xml' if converting a SimpleViewer gallery) and must be located directly in the gallery folder (not in a subfolder).
So i then downloaded the whole Album folder from the free web space to my computer, i then uploaded it to my new paid for Web Space, where i can happily say it still works fine. www.equinutz.net
Your entire web site seems to be an album (a collection of individual galleries) created by jAlbum and the SimpleViewer Skin. If you are trying to open one of these SimpleViewer galleries in JuiceboxBuilder-Pro (to convert it to a Juicbeox gallery), you will need to open the gallery folder directly (somewhere within your album's output folder structure) rather than the root output folder itself.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.