• Registered: 2013-02-01
  • Posts: 16

Topic: themeUrl and baseUrl - conflict?

Hello,
our website contains some 20 galleries, currently Flash using MonoSlideShow, which I am in the process of converting to Juicebox. All works fine, but I cannot get themeUrl to work.

My directory structure:

js---jbcore
|      |
|      +classic
|      |
|      +hc          <= that's the folder I want to refer to, currently an unmodified copy of "classic"
|
galerie---anlage.html       <= page containing embed code
            |
            +anlage               <= folder containing config.xml, images folder, and thumbnails folder.

My code:

  <script src="../js/jbcore/juicebox.js"></script>
  <script>
    new juicebox({
    baseUrl : 'anlage/',
    containerid : 'main',
    galleryWidth: '491',
    galleryHeight: '491',
    backgroundColor: '#222222'               
    });
  </script>
  <div id="main">
  </div>


I tried:
themeUrl : 'hc/theme.css'
themeUrl : '../js/jbcore/hc/theme.css'
themeUrl : '../../js/jbcore/hc/theme.css'

Any ideas? Including any of the above themeUrl parameters stops the gallery from working.

Greetings from Germany,
Christoph

  • Felix
  • Juicebox Support Team
  • Offline
  • Registered: 2012-04-24
  • Posts: 173

Re: themeUrl and baseUrl - conflict?

themeURL should be a URL pointing to the CSS file relative to the embedding HTML page URL. I just replicated your folder structure and verified that this baseURL does work:

themeURL: '../js/jbcore/hc/theme.css'

Try clearing your cache before testing. Also try viewing the javascript console to see any error messages that may help you debug.

  • Registered: 2013-02-01
  • Posts: 16

Re: themeUrl and baseUrl - conflict?

Thanks,
clearing the cache did the trick. Sorry to bother you with such a beginner's error.
Christoph