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

Topic: embedd problem

Hi.

I am trying to embedd my gallery.

I have done the following:

1. Created a folder on my pc called gallery.
2. created the gallery with juicebox lite and saved all contents into the gallery folder.
3. uploaded the gallery folder to my root and added the below code:

<!--START JUICEBOX EMBED-->
<script src="/gallery/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl: '/gallery/',
    containerId: 'juicebox-container',
    galleryWidth: '100%',
    galleryHeight: '600',
    backgroundColor: 'rgba(0,0,0,0)'
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

The gallery will still not show. Is there something I have missed?

Thanks

Steve

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

Re: embedd problem

If your gallery folder is named 'gallery' and you have uploaded the complete gallery folder (not just the contents) to the root directory on your web server, then the code you posted should display the gallery (no matter where on your site the page containing the embedding code is located).
Double-check that the gallery folder is complete and has been uploaded to the correct location on your web server (the root directory, usually named 'public_html' or 'htdocs').

Also, check that the permissions on your gallery folder (and all subfolders and files within it) are not too restrictive.
Default permissions of 755 for folders and 644 for files should be fine.

If you continue to experience difficulties, please post the URL to the web page you are trying to embed the gallery into so that I can take a look and help further.

  • Registered: 2014-06-23
  • Posts: 38

Re: embedd problem

how the code should look like the example?

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

Re: embedd problem

The code in the original post above will work exactly as it was posted if the gallery folder is named 'gallery' and the complete gallery folder (not just the contents) has been uploaded to the the web site's root directory.

<!--START JUICEBOX EMBED-->
<script src="/gallery/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl: '/gallery/',
    containerId: 'juicebox-container',
    galleryWidth: '100%',
    galleryHeight: '600',
    backgroundColor: 'rgba(0,0,0,0)'
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->