• Registered: 2016-07-17
  • Posts: 1

Topic: Struggling with embedding into muse

Ive been spending hours trying to embed my Juicebox Gallery into Muse. I can tell you as a novice coder, Juicebox is not very user friendly.

I keep trying different variations, slightly changing the code.. Trial and error is working for me. Theres just too much I don't really know. 

Ive been getting two error messages:
1. (With a Transparent Checkered Pattern as the background) Unable to generate thumbnail
2. (With the background the color of my gallery) Config XML file not found

Is there anything wrong with my HTML? My gallery files are located exactly as shown as well as my config.xml:

<!--START JUICEBOX EMBED-->
<script src="http://www.joshblank.photo/Gallery/Mexico/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
baseUrl: 'http://www.joshblank.photo/Gallery/Mexico/',
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container">
<!-- Image gallery content for non-javascript devices -->
<noscript>
<h1></h1>
<p></p>
<p><img src="images/Mexico_16-0004.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0118-Edit.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0158.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0164.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0166-Edit.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0176.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0251.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0256.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0281.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0290.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0309.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0326.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0345.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0359-Edit.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0365.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0388.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0391.jpg" title="" alt="" /><br> </p>
<p><img src="images/Mexico_16-0398.jpg" title="" alt="" /><br> </p>
</noscript>
</div>
<!--END JUICEBOX EMBED-->

Any help will be greatly appreciated!
Keep in mind I am new to all this and still learning. Please try to make your replies as least confusing as possible!

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

Re: Struggling with embedding into muse

Ive been spending hours trying to embed my Juicebox Gallery into Muse.

Maybe these links will help:
Embedding With Adobe Muse: http://www.juicebox.net/support/embeddi … adobe-muse
Alternate Adobe Muse Embedding Instructions: http://www.muse-themes.com/blogs/news/6 … adobe-muse

1. (With a Transparent Checkered Pattern as the background) Unable to generate thumbnail

This sounds like a Muse-specific problem. I am not sure how (or if) this relates to Juicebox.

2. (With the background the color of my gallery) Config XML file not found

This is certainly a Juicebox problem and suggests that there is a problem with the path to the gallery's XML file.
Please see this FAQ:
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?
Also, see note #1 below.

Is there anything wrong with my HTML?

I do not see anything technically wrong with your embedding code.
However, there are a few things to bear in mind.

(1) Using absolute paths in your embedding code (starting with 'http://'), the gallery will display only when uploaded to your web server. Otherwise the 'Config XML file not found.' message will be displayed. If you want to check your gallery locally, use relative paths instead. (I do not know your file structure so cannot give you correct relative paths to use.) Please also note this FAQ when viewing galleries locally:
When I view my gallery locally, I see the message "Juicebox can not display locally in this browser". Why?

(2) I have navigated to the 'http://www.joshblank.photo/Gallery/Mexico/jbcore/juicebox.js' location in a browser (the path from your embedding code) but the 'juicebox.js' file is not there. Make sure that you have uploaded your gallery files to the correct location on your web server. It looks like the contents of your gallery folder should be uploaded to your '/Gallery/Mexico/' directory.

(3) If you hardcode the 'www' subdirectory into your embedding code paths, then the gallery will work on 'www.joshblank.photo' but may not work on 'joshblank.photo'. Please see this FAQ:
My gallery works on 'www.example.com' but not on 'example.com' (or vice versa). Why?
Use paths with a leading slash to denote your root directory, such the following, and your gallery should work on both 'www.joshblank.photo' and 'joshblank.photo'.

<script src="/Gallery/Mexico/jbcore/juicebox.js"></script>
baseUrl: '/Gallery/Mexico/',

Essentially, your current embedding code should work absolutely fine as long as your the contents of your gallery folder are uploaded to the '/Gallery/Mexico/' directory on your web server and you view your gallery via a URL starting with 'htitp://www.joshblank.photo/'.

If you continue to experience difficulties, then the best thing to do would be to upload everything to your web server and post a link to the non-functioning gallery. Once I can see the problem live on your web server, I should hopefully be able to pinpoint the exact nature of the problem and help further.