Topic: BaseUrl in Internet Explorer

When I start a Juicebox album in the main page (index.html) the album starts successfully.
But when I link to a different html file that starts the Juicebox album (album1.html) and click the link in the Internet Explorer I get the error: "Juicebox Error: Config XML file not found"
When I do the same in Google Chrome and Firefox the same album starts without errors.
I think the Internet Explorer doesn’t  understand the baseUrl  parameter anymore…?
Do you have a solution for this problem?

Re: BaseUrl in Internet Explorer

Try completely clearing your Internet Explorer's cache before reloading the gallery.
If this does not help, please post the URL to your gallery so that I can take a look.

Re: BaseUrl in Internet Explorer

Hi Steven,
Thank you for your quick reply.
I alway clear the Internet Explorer cache when I change something.
The url is http://www.mebel.nl/test
Click on Foto's (dutch for pictures) and click on the album with the name "Vaals".

Re: BaseUrl in Internet Explorer

This could be due to your URLs having '#!' in them.
Try using an absolute URL for the baseUrl in your gallery's embedding code:

baseUrl: 'http://www.mebel.nl/test/pictures/vaals/'

Alternatively, try specifying the path to your 'config.xml' file using the configUrl option and an absolute URL in your gallery's embedding code.

configUrl: 'http://www.mebel.nl/test/pictures/vaals/config.xml'

Re: BaseUrl in Internet Explorer

I tried both options but no succes.
I first changed the BaseUrl: baseUrl: 'http://www.mebel.nl/test/pictures/vaals/'.
Then I added the configUrl: 'http://www.mebel.nl/test/pictures/vaals/config.xml'.
No error but the screen is empty.

In the index.html I used the "#!" parameter also and then the album works.
When I link it to a different html file it doens't work in the Internet Explorer.

Re: BaseUrl in Internet Explorer

Then I added the configUrl: 'http://www.mebel.nl/test/pictures/vaals/config.xml'.
No error but the screen is empty.

This could be because the 'config.xml' file is now found OK but the images (referenced within the XML file) cannot be found.
Try using absolute URLs for the imageURL and thumbURL entries in your gallery's XML file or remove the use of the '#!' characters in your URLs.

Re: BaseUrl in Internet Explorer

I forgot the "," after the line: configUrl: 'http://www.mebel.nl/test/pictures/vaals/config.xml'
Now I get the "Config XML file not found" error again (only in IE).

The index.html also uses the #! characters for URLs and that works fine.
I don't now how to change those characters.

Re: BaseUrl in Internet Explorer

Using absolute URLs throughout your gallery (for the configUrl and/or baseUrl and imageURLs and thumbURLs) should work fine.

However, a possible workaround would be to embed your gallery using an <iframe> instead of the baseUrl embedding code, which is documented as Option #2 here.
(1) Create your gallery with JuiceboxBuilder-Pro
(2) Upload the complete gallery folder (not just the contents) to your web server via FTP
(3) Embed the gallery in your web page using an <iframe> such as:

<iframe src="http://www.mebel.nl/test/pictures/vaals/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>

... ensuring that the 'src' attribute of the <iframe> points towards the HTML index page inside your gallery's folder.

Re: BaseUrl in Internet Explorer

Hi Steven,

The <iframe> option works! The album starts in Chrome, Firefox and the Internet Explorer.
I realy wanted to use the 'Expand Gallery' button but with the <iframe> that doens't work.
Is there another option so I can use the 'Expand Galley' button again?

I stil think it's strange that the 'recommended' BaseURL option doens't work with the Internet Explorer.
Could it be bug in Juicebox?

Thanks for your help.

Re: BaseUrl in Internet Explorer

I realy wanted to use the 'Expand Gallery' button but with the <iframe> that doens't work.
Is there another option so I can use the 'Expand Galley' button again?

No. When using an <iframe> the Expand Button is automatically disabled (because it would not function correctly within an <iframe>) and there is no way around this.

I stil think it's strange that the 'recommended' BaseURL option doens't work with the Internet Explorer.

The baseUrl method works fine in Internet Explorer when using standard URLs. I think it is your use of the shebang/hashbang ('#!') that is causing the gallery to fail in Internet Explorer when it has to resolve relative paths.
Did you try using absolute URLs for your configUrl and/or baseUrl and all your imageURLs and thumbURLs?
You seem to have had some success when using absolute URLs for both the configUrl and baseUrl (empty gallery rather than error message) so this implies that using absolute URLs worked for defining the path to XML file. Using absolute URLs for the imageURLs and thumbURLs should do likewise for the images themselves (and Internet Explorer does not need to worry about the shebangs/hashbangs when resolving relative paths).