Juicebox v1.5.1 Released!

2012-09-05 13:04:34

The gallery should be displayed in both the main WordPress page and in its own post page as the same shortcode handler method is used (to process the shortcode tag and convert it into embedding code) in both cases.
Perhaps your current WordPress theme disables the processing of shortcode tags on the main page.
Try temporarily reverting to the default WordPress theme and then reload your main page to see if the gallery is displayed.
If it is, then perhaps you can change your theme's shortcode handling behavior within its Dashboard settings.

2012-09-05 11:08:37

Changing the gallery's dimensions should not alter the responsiveness of the gallery.
If you can upload both galleries and post URLs to them so that I can compare them side by side, I will be happy to take a look.
Please let me know what you experience to be less responsive in the 500 x 400 gallery (e.g. thumbnail navigation, image navigation, clicking on Button Bar buttons).

The space you refer to is likely due to a number of factors:
(1) The dimensions of the gallery
(2) The value given to the imageScaleMode option
(3) The aspect ratio of the main image
(4) The aspect ratio of the user's browser window

If setting the gallery's dimensions to fixed pixel values rather than percentages, then #4 above does not come into play (as the gallery's size is fixed and the gallery will not be resized dynamically to fit the available browser window space).
If setting the gallery's dimensions to percentages, then if you resize your browser window, you will likely see the space reduce in size.
Changing the imageScaleMode will change how the main image fills the available image area space.
Possible values for the imageScaleMode option are SCALE_DOWN, SCALE, FILL, STRETCH and NONE.
Please see the Main Image Options section of the 'Juicebox Configuration Guide' for descriptions of these values.

You may also wish to make sure that the imagePadding option is set to zero to minimize the amount of space around your main images.

2012-09-05 10:54:26

Try completely clearing your Internet Explorer's cache before reloading the gallery.
If this does not help, please post the URL to your gallery so that I can take a look.

2012-09-03 18:56:08

No. contactgeoff has not yet replied.

2012-09-03 18:16:37

@captureme

The problem redwings is having (regarding flickering text) may be unrelated to your original problem as the text redwings refers to is the Gallery Title text (and may have something do do with the fact that @font-face is being used) rather than non-gallery-related text elsewhere on the page.

2012-09-03 18:14:01

Thank you for reporting.
This is a known bug which has been addressed and will be fixed in the next version.

not sure if it is working in safari or mozzila.

The bug affects Google Chrome only (Safari and Firefox remain unaffected).

2012-09-02 11:29:00

The default value for screenMode is 'AUTO' so setting screenMode="AUTO" will not make a difference to a gallery which does not already set screenMode to either 'SMALL' or 'LARGE'.
You would need to set either showSplashPage="NEVER" (to disable the Splash Page) or set screenMode="LARGE" (to force Large Screen Mode to be used).
In Small Screen Mode, the Splash Page is displayed in place of the gallery at the same dimensions as the gallery (as defined in the gallery's embedding code). The size of the Splash Page cannot be changed.

2012-09-02 11:15:36

@redwings

Please check you email. I have sent you a message.
Thank you.

2012-09-02 11:09:52

Though this seems like a lot of code to write in, where as the css method appears to be cleaner. So do I input this (.jb-area-large-mode-title) to the theme.css in the juice box.app folder or to another?

It does not matter where the CSS is located (e.g. in the <head> section of your gallery's 'index.html' page or in the 'theme.css' page) as long as it is loaded by the browser.
You could put both the @font-face {} block and the .jb-area-large-mode-title CSS rules in the <head> section of your gallery's 'index.html' page (within <style></style> tags) or just add them to the bottom of the 'theme.css' page.

Also, looking at this css code it brings up another question: Is it possible to have different gallery titles for the small (iPhone) version, and the large version.

No. Only one <title> and <caption> are able to be associated with each image and are used in both Small Screen and Large Screen modes.

Cause by using this method in the gallery title, when I view the gallery on the iPhone thumbnail version, the logo and the gallery title fall behind the thumbnails & are static, as one swipes through the pics

Perhaps you could get around this by either repositioning your Gallery Title (using the galleryTitlePosition option) or setting screenMode="LARGE" to force the gallery to be displayed in Large Screen Mode no matter what device the gallery is being displayed in. Also, you can change the stacking order of elements (to bring them to the front) by using the CSS z-index property.

PS. wanted to add that I'm not sure what jpeg encoder you use, but I've been noticing a slight colour shift (desaturation) and artifacting (pixelation) on export, when resized in program. Minor, but maybe something to check out.

You may like to try increasing the default quality (from 80 to something higher such as 90) when resizing images in JuiceboxBuilder-Pro (by selecting the 'Change...' button in the 'Image Size' control panel on the 'Images' tab).
Otherwise, you could deselect the 'Resize Images' checkbox, create your own images in an image manipulation program such as Photoshop and feed them to JuiceboxBuilder-Pro. The application will then simply copy your original images across to the output 'images' folder (without resizing them) and will use them in the gallery.

PPS. But to add, just want to say that this is a great product & can only get better.

Thank you. We are continuously trying to improve Juicebox by fixing bugs and adding new features with each new release.

2012-09-02 10:43:15

The 'Customize' section is a tab in the interface for JuiceboxBuilder-Pro.

The interface for WP-Juicebox (the Juicebox plugin for WordPress) does not have individual settings for each Pro Option.
Instead, you enter Pro Options into the 'Pro Options' text area. Pro Options are added one per line in the following format:

optionName = "optionValue"

... as documented in the Upgrading to Juicebox-Pro section at the bottom of the WP-Juicebox support page.

2012-09-01 13:39:45

On mobile devices, Juicebox defaults to Small Screen Mode and, if the gallery is embedded in a web page alongside other content, displays a Splash Page which can then be clicked to open the gallery.
Please see the Screen Modes support section for further details.

If you wish the gallery to be displayed in place of the Splash Page on mobile devices, you can either set showSplashPage="NEVER" (to disable the Splash Page) or set screenMode="LARGE" (to force Large Screen Mode to be used).

If creating or editing your gallery with JuiceboxBuilder-Pro, the 'Show Splash Page' option can be found in the 'Customize -> Splash Page' section and the 'Screen Mode' option can be found in the 'Customize -> General' section.

2012-08-31 10:59:21

Presumably it's the same for a Wordpress page as well as post? (they are different)

That is correct.

2012-08-31 10:58:37

There is nothing special about the line:

<div id="juicebox-container"></div>

It is a basic line of valid HTML which Komposer should accept.
However, I suspect that Komposer is trying to be helpful and removing the <div> because it is empty.
Try inserting some text into the <div>, for example a non-breaking space:

<div id="juicebox-container">&nbsp;</div>

Failing that, try some normal text such as:

<div id="juicebox-container">Juicebox Gallery</div>

As soon as the page loads, the contents of the <div> are replaced by the gallery itself so the text will not be visible on your page.

2012-08-31 10:51:29

It is not currently possible to display titles/captions when hovering over the thumbnails although being able to change the main image (and the corresponding title/caption) by hovering over the thumbnails is on the roadmap and will hopefully be implemented in a future version (though I do not know when this might be).

2012-08-30 19:45:05

Thank you for reporting.
This is a known bug which has been addressed and will be fixed in the next version.
In the meantime, workarounds are either to set firstImageIndex="1" or (as you have discovered) enableLooping="FALSE".

2012-08-30 17:15:39

WP-Juicebox supports only one gallery per post. This applies to both Juicebox-Lite and Juicebox-Pro.
When using the Media Library, images are attached to a post rather than an individual gallery within a post.

2012-08-29 18:26:37

I also see a difference when I display your gallery in two tabs (IE7 and IE9) side by side in IETester.
It looks like the algorithm IE uses to resize/resample images on-the-fly has improved over the years and is just not as good in IE7 as it is in IE9 (or other current browsers).

As you have already tried changing the image-related options on the ''Internet Options -> Advanced' tab, the only solution might be try increasing the quality of the resized images from 80 (to perhaps 90 or higher) to see if this makes a difference.
Also, try feeding Juicebox your original images without resizing at all (by deselecting the 'Resize Images' checkbox before adding images to your gallery).

2012-08-29 07:32:26

If your gallery is displaying images from a gallery you do not expect to see, then Juicebox must be reading that gallery's XML file.
By default, Juicebox will look for and use a file named 'config.xml' in the same directory as the HTML page containing the embedding code.

You can point Juicebox towards a different XML file (which may be named differently or be located in a different directory) by using the configUrl option.

Alternatively, you could upload a complete gallery folder (not just the contents) and use the baseUrl method of embedding.

Descriptions of both the configUrl and the baseUrl options can be found here.

The baseUrl method of embedding is documented as Option #1 here.

If you continue to experience difficulties, please post the URL to your web page so that I can take a look.

2012-08-28 09:51:21

Plus for the wordpress plugin, it's not clear which options to use inside of the WP plugin.

Having each option on it's own line you can have multiple options is not mentioned.

It looks like you may have missed this section at the bottom of the WP-Juicebox page: http://www.juicebox.net/support/wp-juicebox/#pro
... where it states:

You can now enter Pro config options into the 'Pro Options' text area. Pro options are added one per line in the following format:
optionName = "optionValue"

There is also a link to the Configuration Options page where Pro Options are marked as such in the side menu and in the header of each section.

2012-08-27 19:53:05

@threadpiece

Neither of your requests/questions can currently be achieved via the available configuration options so we shall note them as feature requests.

Can the colour of the circle be changed?

Perhaps the easiest way to achieve this would be to modify the 'jbcore/classic/img/assets.png' file in an image manipulation program such as Photoshop.

Can the position of these buttons be changed?

It should be possible to change the position of the main image navigation buttons by changing the CSS margins of the .jb-navigation .jbn-right-button and .jb-navigation .jbn-right-button classes in the 'jbcore/classic/theme.css' file.

2012-08-27 11:29:50

Apologies if things were not as clear as they should have been.

Instructions on how to set Embed Code Options can be found here: http://www.juicebox.net/support/embeddi … -html-page
Instructions on how to set other Configuration Options can be found in the first subheading ('Embed Code Options') in this section: http://www.juicebox.net/support/embeddi … -html-page

I have changed the links on the Configuration Options page to point to the correct support sections.

2012-08-27 11:02:22

OK, I gather this is a bug, but in the meantime is there any workaround via CSS?

Not that I am aware of. However, we are currently investigating this issue. Thank you for reporting it.

2012-08-27 10:57:54

The 'Set Defaults' button in WP-Juicebox allows the user to set default values for the options which are then used to populate the input fields in the pop-up settings window when a new gallery is being created.
If you tend to use similar settings for all your galleries, this will prevent you from having to change the same settings each time you create a new gallery.
It will not apply these settings to any galleries which have already been created. These galleries will need to be edited individually to have their settings changed.

2012-08-26 10:57:32

If you have uploaded your entire gallery folder to your web server as a self-contained entity, then you can use the baseURL option to point Juicebox towards it.
This method of embedding is documented as Option #1 in the Using an External Gallery Folder section of the 'Juicebox Embedding Guide'.

If your gallery folder is named 'xmasparty' and you have uploaded it to your 'styled-11/code/' directory (and the embedding code is in an HTML page which is also in the 'styled-11/code/' directory), then you should use the following embedding code:

<!--START JUICEBOX EMBED-->
<script src="xmasparty/jbcore/juicebox.js"></script>
<script>
  new juicebox({
      containerId : 'juicebox-container',
      baseUrl : 'xmasparty/',
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

2012-08-26 10:47:14

After sorting images by dragging-and-dropping them in the NextGEN interface, you will need to rebuild your Juicebox gallery's XML file to re-list the <image> tags in the new order. This can be done by either one of the following two methods.
(1) 'Edit' the post containing the gallery and click 'Update'.
... or:
(2) Go to the WP-Juicebox 'Manage Galleries' page, 'Edit' the gallery itself and click 'Save' (without changing any parameters).

Juicebox v1.5.1 Released!

Search options (Page 221 of 235)

Posts found: 5,501 to 5,525 of 5,869

5,501 Reply by Steven @ Juicebox 2012-09-05 13:04:34

Re: No gallery shown on wordpress article overview site (4 replies, posted in Juicebox-Pro Support)

5,502 Reply by Steven @ Juicebox 2012-09-05 11:08:37

Re: Getting rid of unwanted whitespace on responsive gallery (7 replies, posted in Juicebox-Pro Support)

5,503 Reply by Steven @ Juicebox 2012-09-05 10:54:26

Re: BaseUrl in Internet Explorer (9 replies, posted in Juicebox-Pro Support)

5,504 Reply by Steven @ Juicebox 2012-09-03 18:56:08

Re: Text on iPad flickers lighter on slide transition (21 replies, posted in Juicebox-Pro Support)

5,505 Reply by Steven @ Juicebox 2012-09-03 18:16:37

Re: Text on iPad flickers lighter on slide transition (21 replies, posted in Juicebox-Pro Support)

5,506 Reply by Steven @ Juicebox 2012-09-03 18:14:01

Re: Full screen and direct linking not working with Chrome (3 replies, posted in Juicebox-Pro Support)

5,507 Reply by Steven @ Juicebox 2012-09-02 11:29:00

Re: iPad and iPhone shows different galleries (5 replies, posted in Juicebox-Pro Support)

5,508 Reply by Steven @ Juicebox 2012-09-02 11:15:36

Re: Text on iPad flickers lighter on slide transition (21 replies, posted in Juicebox-Pro Support)

5,509 Reply by Steven @ Juicebox 2012-09-02 11:09:52

Re: Need help with font formatting... (3 replies, posted in Juicebox-Pro Support)

5,510 Reply by Steven @ Juicebox 2012-09-02 10:43:15

Re: iPad and iPhone shows different galleries (5 replies, posted in Juicebox-Pro Support)

5,511 Reply by Steven @ Juicebox 2012-09-01 13:39:45

Re: iPad and iPhone shows different galleries (5 replies, posted in Juicebox-Pro Support)

5,512 Reply by Steven @ Juicebox 2012-08-31 10:59:21

Re: Multiple galleries in a Wordpress post (3 replies, posted in Juicebox-Pro Support)

5,513 Reply by Steven @ Juicebox 2012-08-31 10:58:37

Re: Juicebox Error: Cannot find div with id: "juicebox-container" (5 replies, posted in Juicebox-Pro Support)

5,514 Reply by Steven @ Juicebox 2012-08-31 10:51:29

Re: thumbnail tooltips (1 replies, posted in Juicebox-Pro Support)

5,515 Reply by Steven @ Juicebox 2012-08-30 19:45:05

Re: Slideshow starts at the end with enableLooping+autoPlayOnLoad true (2 replies, posted in Juicebox-Pro Support)

5,516 Reply by Steven @ Juicebox 2012-08-30 17:15:39

Re: Multiple galleries in a Wordpress post (3 replies, posted in Juicebox-Pro Support)

5,517 Reply by Steven @ Juicebox 2012-08-29 18:26:37

Re: Juicebox images jagged in Internet Explorer (2 replies, posted in Juicebox-Lite Support)

5,518 Reply by Steven @ Juicebox 2012-08-29 07:32:26

Re: linked my gallery to my website but now its showing the wrong gallery (1 replies, posted in Juicebox-Lite Support)

5,519 Reply by Steven @ Juicebox 2012-08-28 09:51:21

Re: Wordpress Customizations with Juicebox Pro (6 replies, posted in Juicebox-Pro Support)

5,520 Reply by Steven @ Juicebox 2012-08-27 19:53:05

Re: Feature Requests (498 replies, posted in Juicebox-Pro Support)

5,521 Reply by Steven @ Juicebox 2012-08-27 11:29:50

Re: Wordpress Customizations with Juicebox Pro (6 replies, posted in Juicebox-Pro Support)

5,522 Reply by Steven @ Juicebox 2012-08-27 11:02:22

Re: Images truncated on mobile view (4 replies, posted in Juicebox-Pro Support)

5,523 Reply by Steven @ Juicebox 2012-08-27 10:57:54

Re: Set Defaults Not Applying Custom Settings (1 replies, posted in Juicebox-Pro Support)

5,524 Reply by Steven @ Juicebox 2012-08-26 10:57:32

Re: Embed with RapidWeaver not working (1 replies, posted in Juicebox-Lite Support)

5,525 Reply by Steven @ Juicebox 2012-08-26 10:47:14

Re: Sort Images (1 replies, posted in Juicebox-Pro Support)

Posts found: 5,501 to 5,525 of 5,869