You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
Looking at the dynamically generated XML file for your gallery, the XML declaration is not at the very top of the document (where it should be). Line 1 of the file is blank.
Try viewing the file in a browser to see the error message: http://www.vancouverdesi.com/wp-content … llery_id=1
The file is created with the PHP function saveXML() so there should be no blank line before the XML declaration.
Please check that your web server runs PHP v5.2.0 or later.
When I view your http://flikfoto.dk/fotos/bryllup/Jubii/ gallery in IE9, your gallery displays the AutoPlay Button and Info Button as expected.
It sounds as if you have not completely cleared your IE9 browser's cache.
If certain configuration options are displayed only in certain browsers (and not in others), then it is likely to be a browser caching issue.
Please see this FAQ:
When I update my gallery I don't see my changes online. Why?
Using JuiceboxBuilder-Pro to convert a SimpleViewer-Pro gallery (with a space or spaces in the gallery folder name) to a Juicebox-Pro gallery should not cause such a problem.
Nevertheless, I am glad that your problem has been resolved. Thank you for posting back to let me know.
Without the 'index.html' file, JuiceboxBuilder-Pro would not be able to open the gallery in a browser to let the user see what the finished gallery looks like after clicking 'Save' (when the 'View in Browser' checkbox is selected).
Thank you for letting me know the theme you use.
I have installed and activated the theme and can now see the problem that you have described.
It looks as if the root of the problem lies with line 62 of the 'gridiculous/style.css' file:
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word}Removing the line allows the Juicebox gallery to be displayed as it should be but I do not know what knock-on effects removing this line of code will have on the theme itself.
I have just viewed your gallery at http://flikfoto.dk/fotos/bryllup/Jytte%20og%20Jacob/ and it displays fine. I do not see the 'Config XML file not found.' message.
Try clearing your browser's cache to ensure that your your browser is not hanging onto and using older versions of your gallery files.
Also, if using spaces in file or folder names try, there should be no need to encode them within configUrl or baseUrl configuration options.
If you would like to have a header and/or footer of fixed height on your web page and have your Juicebox gallery resize to fill the remaining browser window (with no vertical scroll bar), please see the Using a Resizable Gallery with a Header section of the Embedding Guide.
Check out the View Resizable Gallery with Top Menu Example. You can view the source of the page in a browser and copy/modify it to suit your own needs.
Is there any way to check for a high dpi display and serve a Large 2048 sizes for retina instead of the full size?
Juicebox-Pro supports only a single folder of main images. You could perhaps create two different Juicebox galleries (with different main images), perform a check (using JavaScript) to determine what device the gallery is being displayed on and then display the appropriate Juicebox gallery depending on the result.
I tried looking at the Flickr API to see if there was a way to use the Large 2048 version of the image instead of just Large but couldn't figure it out.
The Juicebox-Pro flickrImageSize configuration option does not support a value to select Flickr's 'Large 2048' image size and, from the look of this web page, Flickr has not yet added the 'Large 2048' image size to their API.
Also, I believe even if you had juicebox use the original size image, which is very slow, Juicebox would need to use scale_down or the image wouldn't fit the gallery
That is correct. No matter what the pixel density of the user's display is, Juicebox will look at the resolution of the image (e.g. 1024 x 768) and scale it appropriately depending on the imageScaleMode used. For example, if using the default imageScaleMode of 'SCALE_DOWN', a larger image (e.g. 2048 x 1536) will be scaled down and will be displayed in its entirety (just like a smaller 1024 x 768 image) within the image area.
If using imageScaleMode="NONE", you would see more of the 1024 x 768 image than the 2048 x 1536 image within a small image area but, depending on the size of the user's browser window, there is no guarantee that even the 1024 x 768 image would be displayed in its entirety using this imageScaleMode.
One other thing I did and wondering if it's necessary (or not)... since this site is old...is that I changed the top DOC from this:
It does not matter what Doctype Declaration your web page uses as long as your page uses one and that the code on the page conforms to the set of standards that you choose to use.
You can check that the code on your page validates correctly with the W3C Markup Validation Service.
If any errors are reported, they should be fixed. A page containing valid code should be rendered with greater predictability and consistency across different browsers.
...but I'm getting the xml error again.
If using a baseUrl, Juicebox will, by default, look for the XML file to be named 'config.xml' and to be located in the baseUrl folder.
In your code, you have specified:
configUrl: "bath-gallery.xml",This is a relative path (relative to the baseUrl folder) and so your gallery's XML file should be named 'bath-gallery.xml' and located in the baseUrl folder.
Just remove the configUrl line from your gallery's embedding code (or rename your gallery's XML file from 'config.xml' to 'bath-gallery.xml') and your gallery should display.
What exactly qualifies as "generalized CSS?"
This would be a CSS rule that is applied to all instances of a particular HTML element, such as a div.
For example, something like:
div {
display: none;
}... will apply to all divs on your web page (including those in your Juicebox gallery), whereas:
#sample {
display: none;
}... will apply only to the div with id="sample".
It sounds like your theme may be the root of the probem. Please let me know whet theme you used so that I can investigate further.
And the transparent background for the gallery doesn't seem to change no matter what I do.
Your gallery currently used the following code:
backgroundColor: '#222222'Change this to:
backgroundColor: 'rgba(0,0,0,0)'The 4th parameter of the rgba expression (the alpha channel) is the opacity of the background (0 being transparent and 1 being opaque). If you use a 6-digit hexadecimal code rather than an rgba expression, the gallery's background will be opaque.
If using JuiceboxBuilder-Lite to create or edit your gallery, set the opacity of your gallery's background color to 0 on the 'Customize' tab.
If you want to add images to an existing gallery without using JuiceboxBuilder, there are several ways that this could be achieved:
(1) Upload new images to your gallery's 'images' and 'thumbs' folders and create new <image> entries for these images in your gallery's 'config.xml' file.
(2) Use a Flickr gallery (by using the Juicebox-Lite Flickr configuration options) and all you would need to do to add new images to your gallery is upload them to your Flickr account.
(3) Rather than use a static XML file to list images in your gallery, use a PHP file such as documented in this forum post which would display all images in a designated directory on your web server. All you would need to do to add new images to your gallery is upload them to this directory.
The gallery's own 'index.html' file is used only to display the gallery on its own page (for example if linking directly to the gallery of embedding it in an iframe).
If you are embedding the gallery in an existing HTML page alongside other content, then the gallery's own 'index.html' file is not required and you do not need to upload it to your web server.
Therefore any Google search result (we are currently investigating integrating SEO techniques into Juicbeox-Pro) will point to your own web page (and cannot possibly point towards the gallery's own 'index.html' page because it does not exist on the internet).
No. You would need to give the plugin a unique name and the galleryInfo.lrweb file which houses the plugin's name is compiled and cannot be modified.
The next best thing might be to have your two gallery's configuration options to hand in a text file and copy and paste the ones you want into the plugin's Pro Options text area.
If you have a Flickr Pro account, you could set flickrImageSize="ORIGINAL" to pull your original images from Flickr into your Juicebox-Pro gallery.
Please see the description of the flickrImageSize configuration option in the Flickr Pro Options section of the Config Options page for more information.
It looks like what you are experiencing is due to the aspect ratios of the user's browser window, the gallery (or more specifically the image area within the gallery) the main image itself and the imageScaleMode used.
For example, if you were to reduce the size of the browser window horizontally in the http://www.alexcurtisphotography.co.uk/ … 80x800.jpg gallery, then the height of the gallery would remain constant but the width would reduce. This would result in the main image being scaled down (respecting the original aspect ratio) within the image area and the gap between the gallery title and the main image itself would increase.
Other than setting fixed dimensions for your gallery, the only other way to ensure that there is a constant gap between the gallery title and the main image in all browser window sizes would be to fill the image area by setting imageScaleMode="FILL" (though cropping may occur on large images).
Audio Options should work fine on an iPad.
Try viewing the demo gallery here and click the 'Toggle Audio' button on your iPad.
Check that your own gallery's audio URLs are correct and if you continue to experience problems, please post the URL to your gallery so that I can take a look.
Edit:
Thank you for providing the URL to your gallery via email.
I have taken a look at your gallery and it uses playAudioOnLoad="TRUE".
As documented in the description for this configuration option in Audio Options section, this option is not supported on iOS.
If you would like users to be able to hear your audio track on iOS devices, you would need to set showAudioButton="TRUE" and allow users to click the Audio Button to start the track playing.
Also, I notice that your gallery sets only audioUrlMp3. For better support across all browsers, you could also set an OGG audio track using the audioUrlOgg configuration option.
(Firefox does not have native support for MP3 files but does support OGG files.)
Please see the Adding Audio section for further details.
This <meta> 'viewport' tag has been removed in the latest version of WP-Juicebox (v1.2.0.1) which can now be downloaded from this web page.
This <meta> 'viewport' tag has been removed in the latest version of WP-Juicebox (v1.2.0.1) which can now be downloaded from this web page.
This <meta> 'viewport' tag has been removed in the latest version of WP-Juicebox (v1.2.0.1) which can now be downloaded from this web page.
would love to know if its possible to have each photo in its original format
This is not possible in a Juicebox-Pro gallery. All thumbnails are the same size and the dimensions are determined by the thumbWidth and thumbHeight configuration options.
1) Can the slideshow be put on a USB drive and set to autorun?
A Juicebox gallery is a set of web pages. You could copy the gallery folder onto a USB flash drive and have the gallery's 'index.html' page autorun but it would be dependent on the user's computer having a suitable browser associated with .html files to display the gallery.
You could try this with Juicebox-Lite (the free version) before purchasing Juicebox-Pro as the principle is the same for both versions. Juicebox-Lite can be downloaded from this web page.
2) Can the slideshow be customized to look similar to autoviewer, ie one slide, play function and set speed of slide?
It would not be possible to exactly replicate at AutoViewer gallery with Juicebox.
You would be able to hide the thumbnails (by setting showSmallThumbs="FALSE", showLargeThumbs="FALSE" and showThumbsButton="FALSE"), have newly selected images slide in from the sides (by setting imageTransitionType="SLIDE"), automate a slideshow (by setting autoPlayOnLoad="TRUE") and set the time between images (by setting the displayTime and imageTransitionTime configuration options) but it is not possible to have the previous and next images partially visible to the left and right of the current image.
For reference, all Juicebox Configuration Options can be found on this web page.
At first, I thought the problem may have been caused by a timing issue.
However, on further investigation, I have tracked down two bugs which are causing the problems you are experiencing.
The problem with the caption showing stems from setting screenMode="SMALL" and having the cursor hover over the thumbnails as the gallery displays (which happens regularly in your scenario as the links to your galleries are in the same position in your web page as the thumbnails in your galleries).
The problem with the thumbnails not being responsive stems from the additional setting maxCaptionHeight="700".
I have logged bug reports and hopefully they will be fixed in the next version of Juicebox-Pro.
In the meantime, the only sure solution would be to not set screenMode="SMALL".
How exactly does 'embedding code' work compared to embedding in an iFrame?
All galleries are embedded using embedding code.
When using an iframe, the gallery is actually embedded using embedding code in the 'index.html' file and the 'index.html' file is then loaded into the iframe.
Does it allow me to place a gallery within a page wherever I want?
Yes. Instructions for 'Embedding in a HTML Page' can be found here.
And does it preclude anyone from viewing that gallery on its own, without the page?
When embedding a gallery in a web page alongside other content, a user will be able to view the gallery fullscreen by using the 'Expand' button (though you can also include the gallery's 'index.html' page and link directly to it if you like).
Can I recreate this layout with an 'embedded gallery'?
If you have uploaded a complete gallery folder to your web server, then you should be able to replace your iframe with the baseUrl embedding code as documented here.
@ijordache
Try replacing the following line in your 'makeup.html' page:
<div id="dropmenu1_a" class="dropmenudiv_a">... with:
<div id="dropmenu1_a" class="dropmenudiv_a" style="z-index: 999;">@krissymac
I have not been able to determine the exact problem in your gallery but feel fairly sure that it can be resolved with appropriate 'z-index' values. Your menu should appear on top of your gallery if you:
(1) Remove all existing 'z-index' entries from your 'style.css' file.
(2) Change line 49 of your index.html page from:
<div class="container_12">... to:
<div class="container_12" style="z-index: 999;">It looks like a combination of certain configuration options might be causing the rollover thumbnails issue.
Try changing the imageTransitionTime in your galleries to see if this makes a difference.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.