Topic: Adult Supervision request [SOLVED]

So I copy the embedded code and paste it between the <body> tags in my HTML pages and the screen is blank... with an error message saying the config.xml is not found....  Grrr!!

here is the code...

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Cranfields Property Bermuda Ltd</title>
<link rel="stylesheet" href="featsale.css">
        <title>Ephemeral Heaven</title>
    <meta charset="utf-8" />
    <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />
    <meta name="description" content="" />

    <!-- START OPEN GRAPH TAGS-->
    <meta property="og:title" content="Ephemeral Heaven" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://www.bda4sale.com/bdaprops1.html#RV2" />
    <meta property="og:image" content="http://www.bda4sale.com/bdaprops1.html#RV2/images/01.jpg" />
    <meta property="og:description" content="" />
    <!-- END OPEN GRAPH TAGS-->

</head>

<body>
   
   
<header> <img src="pics/logo.png"  alt="CPB Logo">
  <nav>
    <ul>
      <li><a href="#">SALES</a></li>
      <li><a href="#">RENTALS</a></li>
      <li><a href="#">VACATION RENTALS</a></li>
      <li><a href="#">ABOUT US</a></li>
      <li><a href="#">CONTACT US</a></li>
    </ul>
  </nav>
</header>
   
<main>
  <!--START JUICEBOX EMBED-->
    <script src="pics/ephemeralheaven/jbcore/juicebox.js"></script>
    <script>
    new juicebox({
        containerId: 'juicebox-container',
        galleryWidth: '100%',
        galleryHeight: '100%',
        backgroundColor: 'rgba(255,255,255,1)'
    });
    </script>
    <div id="juicebox-container">
            <!-- Image gallery content for non-javascript devices -->
            <noscript>
                <h1>Ephemeral Heaven</h1>
                <p></p>
                <p><img src="images/01.jpg" title="01" alt="" /><br>01 </p>
                <p><img src="images/02.jpg" title="02" alt="" /><br>02 </p>
                <p><img src="images/03.jpg" title="03" alt="" /><br>03 </p>
                <p><img src="images/04.jpg" title="04" alt="" /><br>04 </p>
                <p><img src="images/05.jpg" title="05" alt="" /><br>05 </p>
                <p><img src="images/06.jpg" title="06" alt="" /><br>06 </p>
                <p><img src="images/07.jpg" title="07" alt="" /><br>07 </p>
                <p><img src="images/08.jpg" title="08" alt="" /><br>08 </p>
            </noscript>
        </div>
    <!--END JUICEBOX EMBED-->
</main>
<footer> </footer>
</body>
</html>

Re: Adult Supervision request [SOLVED]

Please see the following FAQ which deals with the "Config file not found." message and may help.
When I view my gallery I see the message 'Config file not found'. How do I fix this?

As you are currently using the regular embedding code (with no baseUrl or configUrl), then the gallery's 'config.xml' file should be in the same directory as the web page containing the embedding code. Please make sure that the 'config.xml' file is there.

Looking at your embedding code, it looks like your 'ephemeralheaven' folder might be a complete gallery folder.
If this is the case, then you should be able to use the baseUrl method of embedding (documented here) to point towards your gallery folder.
Try adding the following line to your embedding code:

baseUrl: "pics/ephemeralheaven/",

If neither of the suggestions above help, then please post the URL to your gallery's web page so that I can take a look at the problem for myself and help further.
Also, please let me know where on your web server you have uploaded your gallery files to.
Once I'm able to see your gallery's web page live on your web server (and know the location of your gallery files), I should hopefully be able to determine the exact cause of the problem and propose a solution.
Thank you.

Re: Adult Supervision request [SOLVED]

Ok that didn't seem to make ant difference...

the site and pages are here:

http://www.bda4sale.com/cpb/index.html  - works fine...

http://www.bda4sale.com/cpb/featsale.html - is not working...

Obviously I am trying to have the gallery display in the center of the 2nd set of pages...

I have attached the file structure

Post's attachments

jb.docx 28.18 kb, 2 downloads since 2018-02-21 

You don't have the permssions to download the attachments of this post.

Re: Adult Supervision request [SOLVED]

Thank you for providing the additional information.
As you have uploaded a complete gallery folder ('ephemeralheaven') to your web server, then you can use the baseUrl method of embedding documented here.

In the original code you posted, you have the following line of code:

<script src="pics/ephemeralheaven/jbcore/juicebox.js"></script>

If you had kept this as is and just added the baseUrl entry I suggested, then your gallery would have displayed fine.
However, I notice that you now use:

<script src="jbcore/juicebox.js"></script>

... so the path to the gallery's 'juicebox.js' file is now incorrect.

Use the following embedding code (before your 'juicebox-container' <div>) and all should be well.

<script src="pics/ephemeralheaven/jbcore/juicebox.js"></script> 
<script>
    new juicebox({
        baseUrl: "pics/ephemeralheaven/",
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "rgba(255,255,255,1)"
    });
</script>

This should hopefully resolve your problem.
Please let me know how you get on and if you need any further assistance.
Thank you.

Re: Adult Supervision request [SOLVED]

Awesome - thanks a lot!!!

Re: Adult Supervision request [SOLVED]

No problem!
I'm glad you've got it working. Thank you for letting me know.