1 Topic by dfphotography (edited by dfphotography 2013-11-24 10:00:33)

  • Registered: 2013-11-23
  • Posts: 5

Topic: Problem when trying to embed a JuiceBox Gallery Pro

When inserting this code into a HTML page , nothing come up no gallery..Do I need to do anything else, My site is registered on a Wordpress site and is using a CSS Stylesheet, do I need to add anything to the stylesheet ?

This is the URL :

http://94.136.40.103/~davidfreemanphoto … test-blog/

Thanks


<!--START JUICEBOX EMBED-->
<script src="wp-content/Alfie/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl : 'wp-content/Alfie',
    containerId : 'juicebox-container',
    galleryWidth : '800',
    galleryHeight : '600',
    backgroundColor: '#222222'
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

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

Re: Problem when trying to embed a JuiceBox Gallery Pro

The 'public_html' folder on your web server is the folder that you upload files and folders to for them to be publicly accessible on the internet but the 'public_html' folder itself does not form part of any URL.
For example, if your web domain name is www.example.com and you upload a file named 'main.html' to your 'public_html' folder, then it would be publicly accessible at www.example.com/main.html.
Try the following instead.
(You also need a comma after your backgroundColor entry and your closing }); is in the wrong place.)

<!--START JUICEBOX EMBED-->
<script type="text/javascript" src="/Galleries/TestGallery/jbcore/juicebox.js"></script>
<script type="text/javascript">
    new juicebox({
        containerId : "juicebox-container",
        galleryWidth: "700",
        galleryHeight: "750",
        backgroundColor: "rgba(0,0,0,1)",
        baseUrl: '/Galleries/TestGallery/'
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

If you continue to experience difficulties, please post the URL to your gallery so that I can take a look and help further.

  • Registered: 2013-11-23
  • Posts: 5

Re: Problem when trying to embed a JuiceBox Gallery Pro

I have amended the script as follows : and still not working..this is the url to the wordpress page

http://94.136.40.103/~davidfreemanphoto … test-blog/

<!--START JUICEBOX EMBED-->
<script type="text/javascript" src="/public_html/Galleries/Alfie/jbcore/juicebox.js"></script>
<script type="text/javascript">
    new juicebox({
        containerId : "juicebox-container",
        galleryWidth: "700",
        galleryHeight: "750",
        backgroundColor: "rgba(0,0,0,1)",
        baseUrl: '/public_html/Galleries/Alfie/'
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

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

Re: Problem when trying to embed a JuiceBox Gallery Pro

Try using the embedding code I posted above (in this post), without 'public-html' in the paths.
If this does not work, try the following:

<!--START JUICEBOX EMBED-->
<script type="text/javascript" src="/~davidfreemanphotography.co.uk/Galleries/TestGallery/jbcore/juicebox.js"></script>
<script type="text/javascript">
    new juicebox({
        containerId : "juicebox-container",
        galleryWidth: "700",
        galleryHeight: "750",
        backgroundColor: "rgba(0,0,0,1)",
        baseUrl: '/~davidfreemanphotography.co.uk/Galleries/TestGallery/'
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
  • Registered: 2013-11-23
  • Posts: 5

Re: Problem when trying to embed a JuiceBox Gallery Pro

Hi again..

I have just added another page and pasted this code into the wordpress page and still not working


<!--START JUICEBOX EMBED-->
<script type="text/javascript" src="/~davidfreemanphotography.co.uk/Galleries/Portfolio/WeddingsPortfolio/jbcore/juicebox.js"></script>
<script type="text/javascript">
    new juicebox({
        containerId : "juicebox-container",
        galleryWidth: "700",
        galleryHeight: "750",
        backgroundColor: "rgba(0,0,0,1)",
        baseUrl: '/~davidfreemanphotography.co.uk/Galleries/Portfolio/WeddingsPortfolio/'
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

  • Registered: 2013-11-23
  • Posts: 5

Re: Problem when trying to embed a JuiceBox Gallery Pro

This is starting to feel like a waste of money now, as this is an important part of my website and if I can;t get galleries to work then no point..hope you can help as its getting frustrating

  • Registered: 2013-11-23
  • Posts: 5

Re: Problem when trying to embed a JuiceBox Gallery Pro

Hi Steven..my fault..the folder permissions on the folder on the web server were set to read only and I think the Juicebox needs to execute a script..all working now.

Thanks Again

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

Re: Problem when trying to embed a JuiceBox Gallery Pro

I am glad you have been able to resolve your problem.
Thank you for posting back to let me know.