• erin
  • Member
  • Offline
  • From: Milwaukee
  • Registered: 2013-02-03
  • Posts: 3

Topic: merging config.xml - error

Hello
In need of just a little bit of help. The juicebox files all run well on their own before I merge them with my existing jquerymobile app authored in DreamweaverCS6. My app already calls a config.xml file. I attempted to copy and paste the juicebox config file content into my original config document and I'm thinking that's why it can't locate the config file anymore. Any advice much appreciated...

http://artichokemedia.com/Parkseeker/seeker

Head to photos...

erin's Website

  • Registered: 2012-04-24
  • Posts: 5,906

Re: merging config.xml - error

You will not be able to merge a Juicebox gallery's 'config.xml' file with another XML file. The Juicebox gallery will require its own XML file.
If your website already has a file named 'config.xml' (which will conflict with the gallery's 'config.xml' file), then you can rename the gallery's 'config.xml' file and point to it using the configUrl configuration option in the gallery's embedding code.
For example:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
configUrl: "mygallery.xml",
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
  • erin
  • Member
  • Offline
  • From: Milwaukee
  • Registered: 2013-02-03
  • Posts: 3

Re: merging config.xml - error

Hi Steven, thanks for quick feedback

I tried to implement and i think there is a refresh issue (?). With your feedback, I renamed the gallery config.xml and dropped it in the root folder. Then I renamed the code in my dreamweaver file. When I test it in Safari on desktop (and on my phone) it is loading inconsistent or incompletely...when it first loads it loads small in size (see 01_load.jpg), when I refresh the browser window on the desktop, (see 02_refresh.jpg) it looks like it is fine, loading correctly.

https://dl.dropbox.com/u/45042425/01_load.jpg
https://dl.dropbox.com/u/45042425/02_refresh.jpg

erin's Website

  • Registered: 2012-04-24
  • Posts: 5,906

Re: merging config.xml - error

As you are using percentages for both the width and height of your gallery, make sure that all parent containers of your gallery have widths and heights specified via CSS.
Otherwise, try changing your gallery's dimensions from percentages to absolute pixel values.

Also, you could check your web page's code with the W3C Markup Validation Service and fix the HTML errors reported. This may also help.

Your web page also loads two different (and old) versions of jQuery.
Try including only a single instance of the most recent version of jQuery (v1.9.0) to see is this makes a difference.

  • erin
  • Member
  • Offline
  • From: Milwaukee
  • Registered: 2013-02-03
  • Posts: 3

Re: merging config.xml - error

Thanks I"ll look into your points. I've noticed thought that when testing on iOS

This 'splash' screen appears that requires the user to click "View Gallery". (I prefer the user go straight to see the first image with thumbnails instead of this interstitial page.)
https://dl.dropbox.com/u/45042425/03_splash.PNG

But the juicebox code is still trying to reference config.xml
https://dl.dropbox.com/u/45042425/04_error.PNG

erin's Website

  • Registered: 2012-04-24
  • Posts: 5,906

Re: merging config.xml - error

This 'splash' screen appears that requires the user to click "View Gallery". (I prefer the user go straight to see the first image with thumbnails instead of this interstitial page.)

With Juicebox-Pro (though not with Juicebox-Lite), you would be able to set showSplashPage="NEVER" to skip the Splash Page and initially display the first image in the gallery. Alternatively, you could also set screenMode="LARGE" to force Juicebox-Pro to use Large Screen Mode on all devices and in all browsers. For more information on Screen Modes, please see here.

But the juicebox code is still trying to reference config.xml

I have viewed your gallery on my iPod Touch and your gallery displays OK. I do not see the 'Config XML not found.' error message.
Try clearing your browser's cache before reloading the gallery to make sure that your browser does is not hanging onto and using older versions of your gallery files.