1 Topic by tconnell24 (edited by tconnell24 2013-03-25 03:39:55)

  • Registered: 2013-03-25
  • Posts: 2

Topic: using Pro version with wordpress

I have purchased Juicebox Pro version so I can build galleries in HTML 5
The photos in my galleries are all captioned in the IPTC fields as I edit them in ACDSee Pro

The problems I have with using the WordPress plugin are
1. I have to add captions to photos after I upload them because the caption filed doesn't seem to relate to the IPTC captioning fields
2 the order I have the images in is never maintained when I upload and so I always have to rearrange them - even if there was a button to rearrange by file number would help.

So my current process (which is a legacy from using your flash gallery maker Simpleviewer) is
Edit and add captions in ACDSee Pro
export to Picasa - check the captions and save as HTML page for Juicebox
final edit in Juicebox (previously done in Simpleviewer) and save
But then I'm stumped - previously I would use Filezilla to upload the folder to my site and then use Kimili flash embed to link to the folder.  Now I go to publish to copy the code but I have no idea what to do with it.

What is the process for adding this gallery to my WordPress site?

There is nothing in the instructions here to tell me how http://juicebox.net/support/embedding/

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

Re: using Pro version with wordpress

1. I have to add captions to photos after I upload them because the caption filed doesn't seem to relate to the IPTC captioning fields

That is correct. A WP-Juicebox gallery sourced by images in the WordPress Media Library uses the Media Library's Title and Caption fields for the Juicebox titles and captions.

2 the order I have the images in is never maintained when I upload and so I always have to rearrange them - even if there was a button to rearrange by file number would help.

When you upload images, WordPress (not WP-Juicebox) attaches them to the post in a certain order and when displaying a gallery, WP-Juicebox simply asks WordPress for a list of attached images and display them in the order given.
If you wish to change the order of images in a gallery (in WordPress 3.5 or later):

  • 'Edit' the post that contains the gallery

  • Click the 'Add Media' button

  • Go to the 'Insert Media -> Media Library ' section (which should be displayed by default)

  • Select 'Uploaded to this post' from the list of options in the combobox

  • Drag and drop the images into the order that you require

  • Close the 'Add Media' window

What is the process for adding this gallery to my WordPress site?

If you want to embed a Juicebox gallery (which was not created by WP-Juicebox) in a WordPress page or post, then follow the baseUrl instructions here.
Essentially:
(1) Create a Juicebox gallery with the method of your choice.
(2) Upload the complete gallery folder to your web server.
(3) Paste the baseUrl embedding code into the body of your WordPress page or post (ensuring that the method of entry is 'Text' rather than 'Visual).
It does not matter where on your web server you upload your gallery folder to as long as you know where it is and that the two paths within the baseUrl embedding code (the path to the 'juicebox.js' file and the baseUrl itself) are correct.

3 Reply by tconnell24 (edited by tconnell24 2013-04-05 05:06:02)

  • Registered: 2013-03-25
  • Posts: 2

Re: using Pro version with wordpress

OK I still don't get it

when I use this code I get a message on the site Juicebox Error: Config XML file not found.

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

and if I use this code I get the same message

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

here is the URL to the gallery folder http://specialevents.com.au/wp/wp-conte … 0225_AIME/ and config.xml is in that folder

the post is here http://wp.me/p1KYoe-2hA

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

Re: using Pro version with wordpress

Instead of:

baseUrl : '/public_html/wp/wp-content/gallery13/130225_AIME/',

... use:

baseUrl : '/wp/wp-content/gallery13/130225_AIME/',

Or, instead of:

baseUrl : '/http://specialevents.com.au/wp/wp-content/gallery13/130225_AIME/',

... use:

baseUrl : 'http://specialevents.com.au/wp/wp-content/gallery13/130225_AIME/',

Use similar paths to point towards your gallery's 'juicebox.js' file, i.e. either:

<script src="/wp/wp-content/gallery13/130225_AIME/jbcore/juicebox.js"></script>

... or:

<script src="http://specialevents.com.au/wp/wp-content/gallery13/130225_AIME/jbcore/juicebox.js"></script>