• Registered: 2012-11-20
  • Posts: 8

Topic: Embedding problem

Hi,

I am using your software, pro version. It's fantastic, but I have a problem. I use the code below, but I can't see the gallery in my Joomla article. I put the juicebox_gallery into my local server, adding the appropriate code as requested in the embedding guide. Could you help me?


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

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

Re: Embedding problem

Please see this FAQ which may help:
When I view my gallery, I see a blank area. Why?

In a Joomla environment, it can sometimes be difficult to know where the page containing your gallery's embedding code actually exists on your web server and, therefore, it would be difficult to point to your gallery folder using a relative URL.
Try using absolute URLs instead, for example:

<!--START JUICEBOX EMBED-->
<script src="http://www.example.com/images/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container",
baseUrl : "http://www.example.com/images/",
galleryWidth: "90%",
galleryHeight: "90%",
backgroundColor: "rgba(51,51,51,0)"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

... changing the two instances of 'www.example.com' in the above example to your own web domain name.

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

  • Registered: 2012-11-20
  • Posts: 8

Re: Embedding problem

Thanks Steven...
I appreciate your post, but I don't have a domain yet, so I'm trying my website on a local server...MAMP to be correct.
So, what should be my absolute url?
Do you know how Joomla works?

  • Registered: 2012-11-20
  • Posts: 8

Re: Embedding problem

I just tried the following paths:

/Applications/MAMP/htdocs/joomla/juicebox_gallery            etc...

http://localhost:8888/joomla/juicebox_gallery                    etc...


but nothing seems to happen with both... Are there somebody who can suggest other solutions?

  • Registered: 2012-11-20
  • Posts: 8

Re: Embedding problem

Is there someone who can help me?

  • Registered: 2012-11-20
  • Posts: 8

Re: Embedding problem

Support team?

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

Re: Embedding problem

Absolute URLs such as http://www.example.com/images/ will work only when your gallery has been uploaded to a web server.
Until such time, you could use relative URLs in your embedding code (as you did originally) but you would need to make sure that they are relative to the web page containing your gallery's embedding code.
Alternatively, you could try using URLs with a leading slash to denote your root directory, for example:

<!--START JUICEBOX EMBED-->
<script src="/joomla/juicebox_gallery/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container",
baseUrl : "/joomla/juicebox_gallery/",
galleryWidth: "90%",
galleryHeight: "90%",
backgroundColor: "rgba(51,51,51,0)"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
  • Registered: 2012-11-20
  • Posts: 8

Re: Embedding problem

I tried it again, but it still doesn't work...
May the problem regard the folder Juice created?
I have in the juiebox_gallery a config.xml, a index.html and three folders: images, thumbs and jbcore.

Is this what should appear?

  • Registered: 2012-11-20
  • Posts: 8

Re: Embedding problem

Is there anyone?

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

Re: Embedding problem

Hi,

it's hard to diagnose embed issues without seeing a live URL. Did you try opening the browser console and viewing the error message? Did you follow the Joomla embed instructions: http://www.juicebox.net/support/embeddi … oomla-site ?

  • Registered: 2012-11-20
  • Posts: 8

Re: Embedding problem

Hi Felix,
I followed all the instructions stated in the embedding guide... but, I didn't get anything yet.
Unfortunately, I don't have a public domain. Did you read the 8th post?
Is there a mistake in the folder? What do you think?

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

Re: Embedding problem

It certainly sounds like the paths to the 'juicebox.js' file and your baseUrl are incorrect but without seeing the gallery and knowing the structure of your web site and locations and names of all your files, it is impossible to know exactly what the paths should be.
If your Joomla installation is in a folder named 'joomla' in your root directory and your gallery is in a folder named 'juicebox_gallery' within the 'joomla' folder, then the following embedding code should work fine.

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