Topic: Basic Questions

I am confused ;) 

I have successfully used SimpleViewer galleries in the past.  I've used both the plug-ins for Lightroom and for Wordpress, and have managed to embed those galleries in my wordpress blog without using either of the plug ins (exporting from Lightroom, then doing the ftp transfer to a folder on the host). 

I only mention this to give you an idea that I am not a complete moron (just an old grandma who has never done any HTML stuff before) - I can usually figure things out by looking at all the examples and trying things.

I plan to buy the Pro version if I can get things working with Lite.

1.  I want to be able to embed more than one gallery in a single wordpress blog post, like I have been able to do with SimpleViewer.  I can't use the Wordpress plugin because it allows only one gallery.  Can I use Juicebox to do this?

2.  I get the option to copy the code to "embed the juicebox gallery" but I don't know how I should be modifying the code to point to my galleries.

3.  Do you have an example of embedding a Juicebox gallery that was exported from Lightroom, into a Wordpress post?  This would be a big help!

Thanks, and sorry for the confusing requests.

Re: Basic Questions

You can embed multiple Juicebox galleries in a single post manually if you wish.

The process is as follows:
(1) Create your Juicebox galleries with the method of your choice, e.g. Lightroom plugin
(2) Upload the complete gallery folders (not just the contents) to your web server via FTP. It does not matter where you upload the folders to as long as you know where they are.
(3) Embed each gallery in your post using the baseUrl method as described here.

A few things to bear in mind:
(1) Make sure, when entering the embedding code into the body of the post, that the method of entry is 'HTML' rather than 'Visual'.
(2) You will need to embed each gallery into a <div> with a unique 'id'.
(3) In a WordPress environment, it might be easier to use absolute URLs rather than relative URLS in your embedding code in order to point to the gallery folders.
(4) When embedding multiple galleries in the same page, it is necessary to load the 'juicebox.js' file only once.

With this in mind, take the following as an example.
Say you have two gallery folders named 'gallery1' and 'gallery2' and you have uploaded them to the root of your web domain, in this example named 'www.example.com'.
Your embedding code would look something like this:

<script src="http://www.example.com/gallery1/jbcore/juicebox.js"></script>
<script>
  new juicebox({
      containerId : 'juicebox-container1',
      baseUrl : 'http://www.example.com/gallery1/',
      galleryWidth: '100%',
      galleryHeight: '600'
  });
  </script>
<div id="juicebox-container1"></div>
<script>
  new juicebox({
      containerId : 'juicebox-container2',
      baseUrl : 'http://www.example.com/gallery2/',
      galleryWidth: '100%',
      galleryHeight: '600'
  });
  </script>
<div id="juicebox-container2"></div>

3 (edited by shazza 2012-10-01 06:22:55)

Re: Basic Questions

Steven - you are a gentleman and a scholar!  Thanks so much for the quick answer.  I saw mention of using the base URL, but wasn't exactly sure how to apply it. 

Success in just minutes:  http://sdehayes.com/blog/blog/2012/09/30/4275/



EDIT:  while it did work perfectly for my first attempt at adding two galleries, when I try to add two more in a subsequent post, it then no longer shows the first two.

Re: Basic Questions

Make sure you embed each new gallery into a <div> with a unique 'id'.
After embedding the first two galleries, the embedding code for the next one would look like this:

<script src="http://www.example.com/gallery3/jbcore/juicebox.js"></script>
<script>
  new juicebox({
      containerId : 'juicebox-container3',
      baseUrl : 'http://www.example.com/gallery3/',
      galleryWidth: '100%',
      galleryHeight: '600'
  });
  </script>
<div id="juicebox-container3"></div>

If you reuse 'juicebox-container' ids, then on your home page (when many posts are displayed), there will be different galleries using the same 'juicebox-container' id and problems will occur.

Re: Basic Questions

Thank you, Steven.  That seems to work fine.  (I should have figured out the need for new container numbers - I hadn't realized that it would still have the info from the previous post ;) )

Re: Basic Questions

I imported the gallery from NextGen Gallery, after the upload is completed and when I refresh the page where the gallery has to be displayed. Only the loader appears on the center of the page, but gallery does not. Can anyone help me why this is happening?

Re: Basic Questions

@rocksta669

Make sure that you are using the latest version of WP-Juicebox (v1.2.0) and check that the numeric NextGEN Gallery Id (taken from the 'Dashboard -> Gallery -> Manage Gallery' page) matches the 'NextGEN Gallery Id' that you enter into the Juicebox settings window.
If using WP-Juicebox v1.1.1, after creating your NextGEN Gallery, you will need to 'Edit' the post containing the gallery and 'Update' the post or go to the 'WP-Juicebox -> Manage Galleries' page and 'Edit' the gallery itself and click 'Save' (without changing anything) in order to rebuild the gallery's XML file with the new image data.
(It is not necessary to do this in the latest version of WP-Juicebox v1.2.0, though you may need to clear your browser's cache before reloading the gallery.)
If you continue to experience difficulties, please post the URL to your web page so that I can take a look.