• Registered: 2015-08-13
  • Posts: 6

Topic: Help with adding a gallery to Adobe Muse

Hey all!

Similar problem here. Trying to embed Juicebox into Muse and it's just not showing up!

It's accessible here:
http://www.adrialdesigns.com/sites/burk/juicebox

Any help would be so much appreciated!

Here's my code (very similar to the code above):

<!--START JUICEBOX EMBED-->
<script src="http://www.adrialdesigns.com/sites/burk/juicebox/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
baseUrl : 'http://www.adrialdesigns.com/sites/burk/juicebox/',
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: “#FFFFFF”
});
</script>
<div id="juicebox-container">
<!-- Image gallery content for non-javascript devices -->
<noscript>
<h1></h1>
<p></p>
<p><img src="images/01-Family-Named-Spot.jpg" title="01-Family-Named-Spot" alt="" /><br>01-Family-Named-Spot </p>
<p><img src="images/02-Flag-Porch.jpg" title="02-Flag-Porch" alt="" /><br>02-Flag-Porch </p>
<p><img src="images/03-White-Water-Nash.jpg" title="03-White-Water-Nash" alt="" /><br>03-White-Water-Nash </p>
<p><img src="images/04-River-Bank-Dive.jpg" title="04-River-Bank-Dive" alt="" /><br>04-River-Bank-Dive </p>
<p><img src="images/05-Danbury-State-Fair.jpg" title="05-Danbury-State-Fair" alt="" /><br>05-Danbury-State-Fair </p>
<p><img src="images/06-Short-Garage-and-Cow.jpg" title="06-Short-Garage-and-Cow" alt="" /><br>06-Short-Garage-and-Cow </p>
<p><img src="images/07-Red-Shag-Dash.jpg" title="07-Red-Shag-Dash" alt="" /><br>07-Red-Shag-Dash </p>
<p><img src="images/08-Man-with-Collards.jpg" title="08-Man-with-Collards" alt="" /><br>08-Man-with-Collards </p>
<p><img src="images/09-Man-with-Purple-Skirt.jpg" title="09-Man-with-Purple-Skirt" alt="" /><br>09-Man-with-Purple-Skirt </p>
<p><img src="images/10-Strong-Verticals.jpg" title="10-Strong-Verticals" alt="" /><br>10-Strong-Verticals </p>
<p><img src="images/11-Sex-Pit.jpg" title="11-Sex-Pit" alt="" /><br>11-Sex-Pit </p>
<p><img src="images/12-Popeye.jpg" title="12-Popeye" alt="" /><br>12-Popeye </p>
<p><img src="images/13-Acid-Park.jpg" title="13-Acid-Park" alt="" /><br>13-Acid-Park </p>
</noscript>
</div>
<!--END JUICEBOX EMBED-->

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

Re: Help with adding a gallery to Adobe Muse

It looks like your embedding code should work fine as long as the page with the embedding code is on the same domain as your gallery files. All gallery files should be on the same domain (or subdomain) as the web page containing the gallery's JavaScript embedding code due to the same-origin policy. Please see here for details: https://developer.mozilla.org/en-US/doc … gin_policy

If the page with the embedding code and your gallery files are on different domains, then you may need to implement a Cross-Origin Resource Sharing (CORS) solution. More information about CORS can be found here: http://www.w3.org/TR/cors/

If you have an Apache server, add the following line of code to the .htaccess file in the root directory of the domain which hosts the gallery folder.

Header add Access-Control-Allow-Origin "*"

If you have an IIS server, then please see this link for a similar solution: http://enable-cors.org/server_iis7.html

If this is not the problem and you continue to experience difficulties, then please post the URL to the web page into which you are trying to embed your gallery so that I can take a look at the problem for myself and hopefully help further.

For reference (and to help anyone else reading this thread), instructions for embedding a Juicebox gallery into Adobe Muse can be found here.

There are alternate embedding instructions here: http://www.muse-themes.com/blogs/news/6 … adobe-muse