1 (edited by p00674605 2013-01-05 14:58:23)

Topic: Help with adding a gallery to Adobe Muse

I've followed the instructions to add a Juicebox gallery to Adobe Muse by the letter but I still can't get it to work. When you go to http://meowcreative.businesscatalyst.co … raphy.html it should load up the gallery that is embedded on the page but nothing happens. I've uploaded the gallery folder which was created by Juicebox to the FTP as well and double checked everything was pointing in the right location but still no luck.

Any help would be fantastic!! thanks

Re: Help with adding a gallery to Adobe Muse

All your files and folders look to have been uploaded to the correct locations.
However, when viewing the source of your web page, there is a stray <br /> tag after the baseUrl line in your embedding code. Remove the <br /> entry from the following line:

baseUrl : 'http://meowcreative.businesscatalyst.com/gallery/',<br />

Also, you may need to change your gallery's height from 100% to an absolute pixel value.

Re: Help with adding a gallery to Adobe Muse

Thanks for coming back to me Steven. I did as what you said. I removed the stray tag and also changed the height from 100% to 649 which is the height on my site but it still doesn't work. Would you mind taking a look and letting me know if you spot something I've missed? thanks again!

Re: Help with adding a gallery to Adobe Muse

I got it to work Steven in the end. Thanks a million for your help!

Re: Help with adding a gallery to Adobe Muse

I am glad you have figured it out.
Thank you for posting back to let me know.

Re: Help with adding a gallery to Adobe Muse

Hi Paul

Can you please help me with Embedding and adobe Muse.

I have uploaded my images to hosting provider:
http://www.tulldesignstudio.com/juicebox_gallery/

Now i want to insert the html to my site:

I see this code needs editing:

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


I keep changing this code and what ever i do it will not display the photos?

can you tell me what the code is and where it needs to go?

Re: Help with adding a gallery to Adobe Muse

Steven even!

Re: Help with adding a gallery to Adobe Muse

@paul3837

If your gallery is located at: http://www.tulldesignstudio.com/juicebox_gallery/
... then you can use the following embedding code:

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

When using absolute URLs in your embedding code (as above), it does not matter where the page containing the embedding code is uploaded to on your web server. You can use the above embedding code in any page in your web site and your gallery should be displayed.

Re: Help with adding a gallery to Adobe Muse

Still no joy!
it should show on the social page but nothing!
any ideas?
I don't understand why it would not show use go daddy for hosting provider?
I'm using an imac cleared history etc, does it show on your computer ?
Paul

Re: Help with adding a gallery to Adobe Muse

does it show on your computer ?

The gallery at http://www.tulldesignstudio.com/juicebox_gallery/ displays fine.

it should show on the social page but nothing!

There is no sign of any Juicebox embedding code on your http://www.tulldesignstudio.com/social.html page.

I don't understand why it would not show use go daddy for hosting provider?

If you copied and pasted the embedding code from my last post into any page on your web site, your gallery should be displayed on that page. (GoDaddy hosting should be absolutely fine.)

Re: Help with adding a gallery to Adobe Muse

Hi, i'm trying to embed into adobe muse, but always get the same XML error...

This is the website (menu work):
http://lorenaprado.com.br/teste

Link to the gallery (working fine):
http://lorenaprado.com.br/galeria/1/

This is my embed code:

<!--START JUICEBOX EMBED-->
<script src="http://www.lorenaprado.com.br/galeria/1/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl : 'http://www.lorenaprado.com.br/galeria/1/',
    containerId : 'juicebox-container',
    galleryWidth : '800',
    galleryHeight : '600',
    backgroundColor: '#222222'
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Please, help-me to find what is wrong.
Thanks

Re: Help with adding a gallery to Adobe Muse

You have hard-coded URLs using the 'www' subdomain in your gallery's embedding code but have provided URLs without this subdomain. If you go to http://www.lorenaprado.com.br/teste/ your gallery will display OK.
All gallery files must be on the same domain or subdomain as the page containing the JavaScript embedding code due to the same-origin policy.
Use relative paths within your embedding code and your gallery will display on both http://lorenaprado.com.br/ and http://www.lorenaprado.com.br/

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