There is a distinction between inserting images within a post and attaching them to a post.
Images need to be included in the Media Library and attached to a post to be displayed in your Juicebox gallery.

I have been unable to replicate the problem you are experiencing but if you allow me access to your WordPress installation, then I would be happy to take a look (and create a test gallery) to see if I can determine the cause of your problem.
If you are agreeable to this, please post back to let me know and I will send you a message with an email address which you can use to send me your WordPress installation login details.

3,977

(3 replies, posted in Juicebox-Pro Support)

It looks like your Flickr User Name is "Jessica Jennings" rather than "jessicajenningsphotography".
Try either:

flickrUserName="Jessica Jennings"

... or:

flickrUserId="70797999@N03"

3,978

(4 replies, posted in Juicebox-Pro Support)

No problem.
I'm glad you have been able to resolve your problem.
Thank you for posting back to let me know.

3,979

(4 replies, posted in Juicebox-Pro Support)

As far as I am aware, there is theoretically no maximum file size for the 'config.xml' file.
I have just created a sample gallery with a 'config.xml' file of over 2MB (equating to 8,500 images) and the gallery loads and functions fine, both locally and on a web server.

Try opening your gallery's 'config.xml' file directly in a browser to see if there is a syntax error which is causing the problem.
Otherwise, please post the URL to your gallery so that I can take a look for myself and hopefully help further.

3,980

(3 replies, posted in Juicebox-Pro Support)

@Harry@Layercake

Please see my reply to your query here in this forum thread.

3,981

(1 replies, posted in Juicebox-Pro Support)

You should not use the Lightroom Plug-in Manager. The Juicebox module is actually a web-engine plug-in (rather than a traditional Lightroom plug-in)
Instructions for installing the Juicebox module for Lightroom can be found here.
Essentially, you would just download the 'juicebox_lightroom_plugin.zip' package and unzip it into the folder specified in the instructions.
The procedure outlined in the link above works for both Lightroom 4 and Lightroom 5.
Instructions for upgrading the plugin from Juicebox-Lite (which it comes bundled with) to Juicebox-Pro can be found on the same page (link above).

3,982

(6 replies, posted in Juicebox-Lite Support)

@AR22

Your code is fine.
It looks like the problem is that your version of Shadowbox will open images only (not web pages).
When downloading Shadowbox, make sure you select the checkbox for 'External sites and pages'.

Is there a way to put the contend in a shadowbox without the limitation of an iframe, which hides the 'Expand Gallery' button?

No. A Juicebox gallery must be embedded into a web page and when this web page is loaded into any other container (whether it is an iframe or Shadowbox), the Expand Button will automatically be disabled. This cannot be changed.
(It is not possible to 'embed' a Juicebox gallery directly into a Shadowbox modal window like you can embed a Juicebox gallery into a web page.)

We plan to introduce a dedicated 'Email' button (for the gallery's Button Bar) in a future version of Juicebox but until this is implemented, one of the solutions below should work fine.

You could embed a mailto link in the Gallery Title or an image's title or caption by using HTML formatting as documented in these FAQs:
How do I add HTML formatting to image captions and titles?
How do I add HTML formatting to the Gallery Title or Back Button?

The code you would enter for the galleryTitle or an image's title or caption would be something like the following:

<a href="mailto:email@address.com">Click to email</a>

Alternatively, you could use the Back Button for your email link.
You would enter the following for the backButtonUrl:

mailto:email@address.com

.. and then enter "Click to email" for the backButtonText.

A further possible solution would be to convert the 'Open Image' button (displayed on the Button Bar) into a custom 'Email' button so if you currently use the 'Open Image' button for its intended purpose, you will not be able to implement the following.

  • Set every image's linkURL to 'mailto:email@address.com'.

  • Set every image's linkTarget to '_self'.

  • Set showOpenButton="TRUE" in your gallery's XML file.

  • Change the icon for the 'Open Image' button using the technique in the Using Custom Icons support section.

  • Change the toolip text for the 'Open Image' button using the languageList configuration option (so as not to confuse users).

3,984

(1 replies, posted in Juicebox-Pro Support)

Facebook have recently changed their pop-up sharing window and you may find that on your Facebook timeline, the image displayed may be the first image in the gallery rather than the selected image (or, as in your case, there may be no image displayed at all) but the link will still point towards the correct image in the gallery.
Unfortunately, there is nothing that you can do to resolve this at the moment.

In the next version of Juicebox-Pro, although it will still be possible to share individual images within a gallery, only one thumbnail (which can be specified by the user via an Open Graph 'Image' META Tag) will be used per gallery. This is due to new limitations imposed by Facebook on what data can be passed via their share URL.

The 'Juicebox Gallery' text you refer to is the taken from the following line in your '1928 Ford Model A Sedan.htm' page:

<meta property="og:title" content="Juicebox Gallery" />

When creating or editing a gallery in JuiceboxBuilder-Pro, the content of this meta tag is populated by the Gallery Title (from the 'Customize -> Lite' section). If the Gallery Title is completely empty, Juicebox uses the default text 'Juicebox Gallery'.
Possible solutions would be to:
(1) Give your gallery a Gallery Title but choose not to display it in the gallery by setting galleryTitlePosition="NONE".
(2) Just type in a single space for the Gallery Title (so that it is not completely empty).
(3) Edit your '1928 Ford Model A Sedan.htm' page in a plain text editor and change the content of the meta tag to whatever you like.

3,985

(4 replies, posted in Juicebox-Pro Support)

Many thanks for the additional information.
It certainly sounds like the known bug that has already been logged and should be fixed in the next version.
Thank you for reporting the issue.

Though I select 10 images, only 3 will be shown.

(1) Are 3 or 10 images displayed in the 'Uploaded to this post' section when you edit the post containing the gallery and click on the 'Add Media' button?
(2) Are 3 or 10 images listed as being attached to the post containing the gallery in the Media Library itself?

If you are unable to attach more that 3 images to your post, then this is a core WordPress issue (and not directly related to Juicebox).
The process of uploading images and attaching them to posts is done purely by WordPress itself. Juicebox simply displays whatever images are attached to the post.

You should be able to attach an image to a post with the following process.

  • Edit the post containing the gallery.

  • Click the 'Add Media' button.

  • Select 'Insert Media' from the menu on the left (selected by default).

  • Select the 'Media Library' tab (also selected by default).

  • Drag and drop an image (or images) into the media window.

  • Close the media window.

If this does not work, then you should be able to go directly to the Media Library, upload an image (using the 'Add New' button) and then attach it to the post containing your gallery (via the 'Attach' link in the 'Uploaded to' column).

If neither of these processes work, then you might need to search through (or post in) the WordPress support forum for the problem "unable to attach images to post".

3,987

(1 replies, posted in Juicebox-Pro Support)

Unfortunately, the Fotomoto functionality does not work within an iframe and the Fotomoto button is automatically hidden if Juicebox detects that it is being displayed within an iframe (rather than display a non-functioning button).
I will ensure that this is noted in our online documentation in the next site update (in the iframe and Fotomoto support sections).

The solution would be to embed your gallery in your web page using the baseUrl method as documented here instead of loading your gallery into an iframe.

Essentially, in your 'animals.html' page, replace the iframe code with the following:

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

3,988

(4 replies, posted in Juicebox-Pro Support)

Thank you for reporting.
We are aware of a layout issue in Chrome under iOS and are working towards fixing this for the next version of Juicebox-Pro.
Just to be sure that what you are experiencing is not a new bug that we are not aware of, could you please confirm exactly what you see (for example, are the images cropped, are other gallery elements affected, does this happen when changing the device orientation or refreshing the gallery page) and what device you are using (iPhone 5, iPad 4 or other).
Perhaps you could upload a screenshot somewhere to show exactly what the problem is. Thank you.

3,989

(2 replies, posted in Juicebox-Pro Support)

The configuration options used by the Juicebox-Pro Top Aligned Demo gallery can be found in its 'config.xml' file here: http://www.juicebox.net/demos/pro/top/config.xml
You should be able to copy and paste all the configuration options (all the attributes to the opening <juiceboxgallery> tag, except for the user-specific Fotomoto settings) into the Pro Options text area of your own gallery (in the gallery settings window). WP-Juicebox will automatically filter out any Lite (non-Pro) options (which should be set via the plugin's own input fields).

3,990

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

3,991

(3 replies, posted in Juicebox-Pro Support)

Set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) and the image's Flickr page will be opened when the user clicks on the main image in the gallery.

Your gallery is sourced with images from the Media Library and WP-Juicebox will display all images attached to the post containing the gallery. It looks like there are only three images attached to the post containing your gallery.

Try the following to check how many images are listed as being attached to the post containing the gallery.

  • Edit the post containing the gallery.

  • Click the 'Add Media' button.

  • Select 'Insert Media' from the menu on the left (selected by default).

  • Select the 'Media Library' tab (also selected by default).

  • Choose 'Uploaded to this post' from the drop down menu.

  • See how many images are listed.

You could also go directly to your Media Library and check which images are listed as being attached to the post containing the gallery (in the 'Uploaded to' column).

You should be able to add images to an existing gallery by following the Editing a Gallery instructions on the WP-Juicebox support page.

3,993

(1 replies, posted in Juicebox-Pro Support)

Do you see the problem in our own test gallery? http://www.juicebox.net/demos/pro/full/#1
Also, could you please confirm what OS (Mac/PC) you use?
Thank you.

[Currently investigating a possible JavaScript conflict.]

3,994

(3 replies, posted in Juicebox-Pro Support)

Facebook have recently changed their pop-up sharing window and you may find that on your Facebook timeline, the image displayed may be the first image in the gallery rather than the selected image (or there may be no image displayed at all) but the link will still point towards the correct image in the gallery.

In the next version of Juicebox-Pro, although it will still be possible to share individual images within a gallery, only one thumbnail (which can be specified by the user via an Open Graph 'Image' META Tag) will be used per gallery. This is due to new limitations imposed by Facebook on what data can be passed via their share URL.

Also, please note that Twitter does not display a thumbnail image.

3,995

(3 replies, posted in Juicebox-Lite Support)

I am glad my suggestion helped.
Thank you for posting back to let me know.

3,996

(3 replies, posted in Juicebox-Lite Support)

The problem with your web page is likely to be your CSS.
All rules within the the global selector (*) section will apply to all elements on your web page (including those within the gallery). Juicebox has no option but to inherit such rules.
Also, your CSS applies rules to all anchor elements (again, including those within the gallery).
Use ids and classes to apply CSS rules to only those elements on your web page that require them.
Please see here for details on how this can be achieved: CSS Id and Class.

Also, I notice that your web page does not use a Doctype declaration. It is important that each HTML document uses a Docytype declaration in order to inform the user's browser what set of standards the code on your web page should conform to. Add an appropriate Doctype declaration to your page.
From the look of your code, you could use the HTML 5 Doctype. Add the following code to the very top of your HTML page (before the opening <html> tag).

<!DOCTYPE html>

Once you have added the Doctype Declaration to your web page, you can check the page for HTML errors (and fix any errors reported) with the W3C Markup Validation Service.

3,997

(4 replies, posted in Juicebox-Pro Support)

@Jinglebals

I'd like to put the content from the config.xml file within the html page containing the embed code

This is not possible. You can set the configuration options in the gallery's embedding code (as documented here) but the image data needs to be stored in a separate file (whether it is a static XML file of a file generated dynamically by a server-side scripting language such as PHP).
The only other option would be to use Flickr as a source of images for your gallery. You could then set the Flickr options in the embedding code and there would be no need for any image data to be stored in an external file.
Juicebox would still need to find an XML file to function correctly but you could just use an empty XML file containing just the <juiceboxgallery /> tag.

That's great! Thank you for letting me know.

I'm glad that you have been able to resolve your problem.
Thank you for posting back to let me know.

Juicebox determines the location of the 'jbcore' folder by looking for a <script> tag which loads the 'juicebox.js' file.
However, there is no such <script> tag in your web page (you load the 'juicebox.js' file with $.getScript("/js/gallery/juicebox.js", function () { instead) so Juicebox does not know the location of the 'full.html' file (which is used to expand the gallery in a new page on iOS devices).
If you load the 'juicebox.js' file in the web page containing the gallery's embedding code using a <script> tag as follows, then this would ordinarily solve the problem. However, your gallery's embedding code is contained in an external JavaScript file so I cannot be sure that this solution will work for you (although it is almost certainly the cause of the problem).

<script src="/js/gallery/theme.css"></script>