Juicebox v1.5.1 Released!

2013-02-19 21:06:05

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.

2013-02-19 20:59:40

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.

2013-02-19 05:32:07

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.

2013-02-18 23:07:07

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.

2013-02-18 21:56:05

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.

2013-02-18 21:45:00

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.

2013-02-18 21:36:59

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.

2013-02-18 21:29:08

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).

2013-02-17 21:23:25

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.

2013-02-17 05:47:22

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.

2013-02-16 21:02:58

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).

2013-02-16 07:45:56

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.

2013-02-15 20:26:06

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.

2013-02-15 20:25:57

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.

2013-02-15 20:25:49

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.

2013-02-15 20:00:30

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.

2013-02-15 19:58:13

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.

2013-02-15 19:46:17

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".

2013-02-15 19:45:35

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.

2013-02-15 07:04:21

@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;">

2013-02-14 20:17:33

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.

2013-02-14 19:51:31

Thank you for letting me know what operating system you use.
I have notified the developers of this issue (missing thumbnails in the JuiceboxBuilder-Pro 'Images' tab) and hopefully it will be fixed in the next version of Juicebox-Pro.
In the meantime, please try Adobe AIR 3.3 and, hopefully, you will be able to see all your thumbnails within JuiceboxBuilder-Pro.

I have now fixed the link in my previous post.
Apologies for any inconvenience caused.

2013-02-14 19:27:22

I want to know which image preloading is the fastest to load on mobile devices?

The best imagePreloading setting to use for the fastest gallery loading will be the one that preloads the fewest number of images, i.e. NONE (but the gallery will then have to load each main image as it is selected).

I currently use 'next' but am wondering if to try the other options such as 'all' or 'page'??

Take a look at the descriptions of the available imagePreloading settings in the Main Image Options section of the Config Options page. The actual speed at which the gallery initially loads will also depend on the speed of your web server, the speed of the user's internet connection and the filesizes of the images themselves so try different settings and see which works best for you.

2013-02-14 18:57:11

This code is only suitable for those who wish to embed their galleries in iframes and do not wish to allow their galleries to be viewed on pages of their own. This is likely to be a small subset of all users and we recommend using embedding code in preference to iframes as embedding a gallery in an iframe will limit its functionality (the 'Expand Gallery' button is disabled and the 'Back Button' will not work).
It is easy enough to copy and paste this code where necessary but we do not want to encourage users to do something (use an iframe) which will limit the functionality of the gallery.

2013-02-14 18:55:44

I embedded the juicebox code to a page I named gallery.html and it worked, but the <a> tag disappeared from the h1 tag in my #header div (which was the only link to home). Also <h3> tags disappeared on another page, removing the css styling from the text.

Embedding a Juicebox gallery in a web page does not alter any content on the page that already exists.
All Juicebox CSS rules are applied only to elements within the gallery which require them through use of ids and classes.

Here's what I did. Since I already had and 'index.html' and an 'images' folder on the site, I renamed the juicebox files 'gallery.html' and 'images2' while changing all incidents of the files in the config file. Then I emptied the content of the Juicebox folder, including my styled gallery.html in place of the index file into my site's folder.

There is nothing wrong with what you have done (renaming files and their corresponding references within the XML file is perfectly valid) but if you have conflicting file and folder names which already exist on your web server, you can use the baseUrl method of embedding which will allow you to upload a complete gallery folder (not just the contents) keeping the gallery as a self-contained entity without needing to rename any files or folders.

I went to copy the source code as a reference and noticed this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
So, idiotically, it looks like I have two (conflicting?) doctypes.....Now I'm guessing that's my problem.

Juicebox does not automatically add a Doctype Declaration to any of your pages (and uses the HTML5 Doctype <!DOCTYPE html> in the gallery 'index.html' files) so it looks like you have introduced this second Doctype yourself.

Will Juicebox work with the doctype I already have on the site or should I change it

Yes. Juicebox should work fine with any valid Doctype.
Once you have selected an appropriate Doctype for your page, you can validate the code on your page with the W3C Markup Validation Service and fix any errors reported.

Juicebox v1.5.1 Released!

Search options (Page 201 of 235)

Posts found: 5,001 to 5,025 of 5,872

5,001 Reply by Steven @ Juicebox 2013-02-19 21:06:05

Re: Emulate SimpleViewer? (12 replies, posted in Juicebox-Lite Support)

5,002 Reply by Steven @ Juicebox 2013-02-19 20:59:40

Re: Problems with directories with %20 (3 replies, posted in Juicebox-Pro Support)

5,003 Reply by Steven @ Juicebox 2013-02-19 05:32:07

Re: fixed top bar with 100% height and footer (2 replies, posted in Juicebox-Pro Support)

5,004 Reply by Steven @ Juicebox 2013-02-18 23:07:07

Re: Retina display support (8 replies, posted in Juicebox-Pro Support)

5,005 Reply by Steven @ Juicebox 2013-02-18 21:56:05

Re: Config XML error _ have tried various solutions here (10 replies, posted in Juicebox-Lite Support)

5,006 Reply by Steven @ Juicebox 2013-02-18 21:45:00

Re: Emulate SimpleViewer? (12 replies, posted in Juicebox-Lite Support)

5,007 Reply by Steven @ Juicebox 2013-02-18 21:36:59

Re: A question about upload photos (1 replies, posted in Juicebox-Lite Support)

5,008 Reply by Steven @ Juicebox 2013-02-18 21:29:08

Re: top.location (12 replies, posted in Juicebox-Pro Support)

5,009 Reply by Steven @ Juicebox 2013-02-17 21:23:25

Re: More setups for Juicebox in Lightroom (7 replies, posted in Juicebox-Pro Support)

5,010 Reply by Steven @ Juicebox 2013-02-17 05:47:22

Re: Retina display support (8 replies, posted in Juicebox-Pro Support)

5,011 Reply by Steven @ Juicebox 2013-02-16 21:02:58

Re: Help with margins/padding between main image and thumbnails (5 replies, posted in Juicebox-Pro Support)

5,012 Reply by Steven @ Juicebox 2013-02-16 07:45:56

Re: No sound on iPad (and I assume iPhone) (1 replies, posted in Juicebox-Pro Support)

5,013 Reply by Steven @ Juicebox 2013-02-15 20:26:06

Re: I need help web page to large on mobile devices. Iphone (6 replies, posted in Juicebox-Pro Support)

5,014 Reply by Steven @ Juicebox 2013-02-15 20:25:57

Re: WP-install of juicebox (11 replies, posted in Juicebox-Lite Support)

5,015 Reply by Steven @ Juicebox 2013-02-15 20:25:49

Re: Code Conflict (4 replies, posted in Juicebox-Pro Support)

5,016 Reply by Steven @ Juicebox 2013-02-15 20:00:30

Re: Pinterest style thumbnails (1 replies, posted in Juicebox-Pro Support)

5,017 Reply by Steven @ Juicebox 2013-02-15 19:58:13

Re: Couple of questions regarding features before i buy (2 replies, posted in Juicebox-Pro Support)

5,018 Reply by Steven @ Juicebox 2013-02-15 19:46:17

Re: 4 galleries in one site, but load inconsistently requiring refresh (6 replies, posted in Juicebox-Pro Support)

5,019 Reply by Steven @ Juicebox 2013-02-15 19:45:35

Re: top.location (12 replies, posted in Juicebox-Pro Support)

5,020 Reply by Steven @ Juicebox 2013-02-15 07:04:21

Re: Navbar drop down menus don't work when overlapping embedded gallery (7 replies, posted in Juicebox-Pro Support)

5,021 Reply by Steven @ Juicebox 2013-02-14 20:17:33

Re: 4 galleries in one site, but load inconsistently requiring refresh (6 replies, posted in Juicebox-Pro Support)

5,022 Reply by Steven @ Juicebox 2013-02-14 19:51:31

Re: Galleries truncating on Mobile phone (5 replies, posted in Juicebox-Pro Support)

5,023 Reply by Steven @ Juicebox 2013-02-14 19:27:22

Re: Image pre-loading (1 replies, posted in Juicebox-Pro Support)

5,024 Reply by Steven @ Juicebox 2013-02-14 18:57:11

Re: top.location (12 replies, posted in Juicebox-Pro Support)

5,025 Reply by Steven @ Juicebox 2013-02-14 18:55:44

Re: Juicebox killed my tags (2 replies, posted in Juicebox-Lite Support)

Posts found: 5,001 to 5,025 of 5,872