4,951 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

4,952 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

4,953 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

4,954 Reply by Steven @ Juicebox

(11 replies, posted in Juicebox-Lite Support)

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.

Go to forum: Juicebox-Lite Support

4,955 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

4,956 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

4,957 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

4,958 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

4,959 Reply by Steven @ Juicebox

(12 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

4,960 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

4,961 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

4,962 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

4,963 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

4,964 Reply by Steven @ Juicebox

(12 replies, posted in Juicebox-Pro Support)

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.

Go to forum: Juicebox-Pro Support

4,965 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Lite Support)

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.

Go to forum: Juicebox-Lite Support

4,966 Reply by Steven @ Juicebox

(10 replies, posted in Juicebox-Lite Support)

What I don't get is why the code that the desktop gallery creates doesn't seem to work and we have to find the code elsewhere here... ?

The embedding code provided on the 'Publish' tab of JuiceboxBuilder-Lite works fine when following the embedding instructions here.

www.xtreme-remodeling.com is a subdomain of xtreme-remodeling.com and all your gallery files must be on the same domain or subdomain due to the JavaScript same origin policy. Please see this web page for further details.

Your gallery currently uses the following code:

<script src="http://www.xtreme-remodeling.com/dream-deck-gallery/jbcore/juicebox.js"></script>

... so the gallery will display only when you access it using http://www.xtreme-remodeling.com/dream-decks.htm (and not http://xtreme-remodeling.com/dream-decks.htm).

Use relative paths within your embedding code and your gallery should display at both www.xtreme-remodeling.com and xtreme-remodeling.com

<!--START JUICEBOX EMBED-->
<script src="dream-deck-gallery/jbcore/juicebox.js"></script>
<script>
new juicebox({
configUrl: "dream-deck-gallery.xml",
containerId : "juicebox-container",
baseUrl : 'dream-deck-gallery/',
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

FINALLY... I READ ANOTHER POST TALKING ABOUT THE config / XML FILE BEING RENAMED... And discovered, MY CODE HAD NEVER EVEN "CALLED" THAT FILE... SO I ADDED THE configURL to this code, PLUS renamed my file to mygallery.xml... Not clear if it should have been named the actual gallery name? - so I also tried it with the actual gallery name included in the code and the name of the xml.  SAME RESULT.  :(

If your gallery's XML file is named 'config.xml' (which it is by default when creating a gallery with JuiceboxBuilder-Lite) and is located in the same directory as the HTML page continaing the embedding code, then there is no need to use the configUrl configuration option. (You will need to specify a configUrl only if you rename or move your gallery's XML file.

Go to forum: Juicebox-Lite Support

4,967 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

On another note, one issue that is persistent is that when I am on the App's Start page and select "Open Gallery", the thumbnails never show up on the "Images" page.  They come up fine when I select "New Gallery" on the Start page but never with "Open Gallery".  Even when I browse for new images after using the Open Gallery dialogue, the thumbs don't show up.

Please make sure that your image filenames use only web-safe characters (uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde) and not other characters such as commas or apostrophes.
Also, ensure that you are using the latest version of Adobe AIR (v3.6) which can be downloaded from this web page.
If you continue to experience this issue, please let me know what operating system and versions of Adobe AIR and JuiceboxBuilder-Pro you use. A workaround may be to revert to Adobe AIR v3.3 which can be downloaded from the 'Adobe AIR 3.3 runtime downloads' link on this web page.

Go to forum: Juicebox-Pro Support

4,968 Reply by Steven @ Juicebox

(23 replies, posted in Juicebox-Pro Support)

I just wanted to see if I am thinking correctly and if I modified the code correctly.  It does work and I get the title and caption of each photo when I view the page source.  I'll know in several days if Google finds the page when I seach on some of the titles.

The code can be tweaked in any number of ways. Whether or not removing the <img> tags from your code will harm your SEO results, only time will tell.

Go to forum: Juicebox-Pro Support

4,969 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

Do you have a gallery that would simply show images all as thumbnails, such as 3 across, 3 deep, for instance... and then when you click on one image it opens it larger, with option to then click thru all of them?

If you set screenMode="SMALL", Juicebox will display the gallery in Small Screen Mode on all devices and in all browsers. A grid of thumbnails will be displayed (though the number of thumbnails will depend on the space available in the user's browser window), from which the user can select a main image to be displayed.
For more information on Screen Modes, please see here.

When someone clicks "expand gallery", then closes it, they leave the site...
Is there a work around for that, so it opens a new window?

Please see the expandInNewPage configuration option in the General Options section of the Config Options page.

and if so, can I go back and edit, without re-uploading all?

Yes. You can re-upload only the 'config.xml' file (overwriting the original one), if you like.
Otherwise, you should be able to configure your FTP program to upload only modified files. You could then go through the process of uploading the entire gallery folder but only files which differ from those already on your web server will actually be uploaded.

OK well, I just changed all of the navigation to go to this new page... and getting the Juicebox Error: Config XML file not found...  what gives?   Does it take time to propagate or something?

With most web servers, uploads take effect pretty much instantly.

Please see this FAQ:
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?

Your gallery at http://www.fastlanetravel.com/flt-gallery.php currently displays OK and I do not see the 'Config XML file not found' message.

Go to forum: Juicebox-Lite Support

4,970 Reply by Steven @ Juicebox

(12 replies, posted in Juicebox-Lite Support)

It looks like there may be a conflict between the CSS of your current theme and the CSS of the gallery itself.
Try temporarily reverting to the default WordPress theme to see if this makes a difference.
If it does make a difference, then your current theme may use some generalized CSS rules which apply globally to certain HTML elements (rather than to specific instances of these elements through use of ids and classes) which the gallery inherits.
Check the CSS of your theme and try removing any generalized CSS that you can find.

Go to forum: Juicebox-Lite Support

4,971 Reply by Steven @ Juicebox

(15 replies, posted in Juicebox-Lite Support)

Perhaps some security restriction within their office network is preventing the gallery from displaying correctly.
Also, if the internet connection within the office takes too long to fetch the gallery files from your web server, the error message may be displayed.
If you have cleared your own browser's cache and can confirm that your gallery displays OK, then there is no problem with the gallery itself.

Go to forum: Juicebox-Lite Support

4,972 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

Please make sure that you are using the current version of JuiceboxBuilder-Pro (v1.2.0).
If necessary, please see the Upgrading Juicebox page.

If you are already using Juicebox-Pro v1.2.0 or upgrading does not make a difference, try validating your web page with the W3C Markup Validation Service and fix any HTML errors reported.

If you continue to experience difficulties, please post the URL to your gallery so that I can take a look and investigate further.

Go to forum: Juicebox-Pro Support

4,973 Reply by Steven @ Juicebox

(12 replies, posted in Juicebox-Pro Support)

Your code should go in the <head> section of a Juicebox gallery's 'index.html' page (the page which is being loaded into your <iframe>).

Go to forum: Juicebox-Pro Support

4,974 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

No. Juicebox-Pro does not support such functionality.
However, you could use the thumbHoverFrameWidth configuration option to change the width of a thumbnail's frame when a user hovers over it (to make it stand out from other thumbnails).

Go to forum: Juicebox-Pro Support

4,975 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

Is there something I have to do in order to have more than 2 galleries loaded on the page?

In theory, there is no limit to the number of Juicebox galleries you can have on a single page (and there is nothing special you need to do to embed multiple galleries on a single page).

I have them hidden with divs, and then whenever someone clicks on the gallery it displays the block and then it shows up inside the jquery dialog. Is this bad practice ? (maybe it is?).

This sounds like a valid way to hide and show specific divs but if your current method does not work cross-browser, you might like to try implementing the showGallery() Juicebox-Pro API method to hide and show multiple galleries.

I just don't understand how it works with no problems in firefox but then safari and chrome just fail to show the correct galleries (or fail to show the galleries at all!) It's a bit frustrating.

It would be great if everything worked consistently across all browsers but, unfortunately, things often do not work out this way.

Go to forum: Juicebox-Pro Support