• Registered: 2014-02-06
  • Posts: 1

Topic: embedding in Joomla does not work

error code: Juicebox Error: Config XML file not found.

link to the article: http://www.simkens.eu/community/index.p … amp;id=250

embedded code:
<!--START JUICEBOX EMBED-->
<script src="http://simkens.eu/2014_01_frahan/jbcore/juicebox.js" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
new juicebox({
        containerId: 'juicebox-container',
        baseUrl: 'http://simkens.eu/2014_01_frahan/',
        galleryWidth: '100%',
        galleryHeight: '100%',
        backgroundColor: '#222222'
    });
// ]]></script>
<div id="juicebox-container">&nbsp;</div>
<!--END JUICEBOX EMBED-->

When entering the code into a standard html page it is working fine:

http://simkens.eu

I want to have this soved before buying Juicebox Pro. Absolute procondition is to have this working in my Joomla website using version 3.2.1

Other information:

PHP gebouwd op     Linux Ubuntu-1310-saucy-64-minimal 3.11.0-12-generic #19-Ubuntu SMP Wed Oct 9 16:20:46 UTC 2013 x86_64
Database versie     5.5.34-0ubuntu0.13.10.1
Database collatie     utf8_general_ci
PHP versie     5.5.3-1ubuntu2
Webserver     Apache/2.4.6 (Ubuntu)
WebServer naar PHP interface     apache2handler
Joomla! versie     Joomla! 3.2.1 Stable [ Ember ] 18-December-2013 14:30 GMT
Joomla! Platform versie     Joomla Platform 13.1.0 Stable [ Curiosity ] 24-Apr-2013 00:00 GMT
Gebruikersagent     Mozilla/5.0 (Windows NT 6.2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1700.107 Safari/537.36

Please, help me !?

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

Re: embedding in Joomla does not work

Your Juicebox gallery displays fine if you go to simkens.eu but not if you go to www.simkens.eu.

This is because the paths in your gallery's embedding code are absolute and use the simkens.eu domain rather than the www.simkens.eu subdomain.
All gallery files must be on the same domain or subdomain as the HTML page containing the JavaScript embedding code due to the same-origin policy. Please see here for further details.

Use relative paths in your gallery's embedding code (instead of absolute paths) and your gallery should display on both simkens.eu and www.simkens.eu.

Try the following:

<!--START JUICEBOX EMBED-->
<script src="/2014_01_frahan/jbcore/juicebox.js" type="text/javascript"></script>
<script type="text/javascript">
new juicebox({
        containerId: 'juicebox-container',
        baseUrl: '/2014_01_frahan/',
        galleryWidth: '100%',
        galleryHeight: '100%',
        backgroundColor: '#222222'
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

(The leading slash in the paths denotes your root directory.)