5,026

(15 replies, posted in Juicebox-Lite Support)

If you are trying to embed multiple galleries into a web site, I would recommend using the baseUrl method of embedding as documented here.
This would allow you to upload complete gallery folders (not just the contents) to anywhere on your web server (as long as you know where they are) without the need to rename or move any files within the gallery folders.
For example, if you had two complete gallery folders named 'gallery1' and 'gallery2' and you uploaded them to the root of your web space (in this example, a domain named 'www.example.com'), then the embedding code for the two galleries would be:

<script src="http://www.example.com/gallery1/jbcore/juicebox.js"></script>

<script>
  new juicebox({
    baseUrl : 'http://www.example.com/gallery1/',
    containerId : 'juicebox-container1',
    galleryWidth : '800',
    galleryHeight : '600',
    backgroundColor: '#222222'
  });
  </script>
<div id="juicebox-container1"></div>

<script>
  new juicebox({
    baseUrl : 'http://www.example.com/gallery2/',
    containerId : 'juicebox-container2',
    galleryWidth : '800',
    galleryHeight : '600',
    backgroundColor: '#222222'
  });
  </script>
<div id="juicebox-container2"></div>

(When embedding galleries as above, you can still have all your galleries share a single 'jbcore' folder.)

there is no "Add Juicebox Gallery" option, only "Manage Galleries" and "Help"

The only two options under the WP-Juicebox heading in the Dashboard are 'Manage Galleries' and 'Help'.
The 'Add Juicebox Gallery' option can be found when creating or editing a post in the toolbar above the text area.
When in 'Visual' mode, you should see the Juicebox icon and when in 'Text' mode, you should see the 'Add Juicebox Gallery' text button.
If you do not see either button, try temporarily reverting to the default WordPress theme, deactivating all other plugins and then reactivating the plugins one by one until you find the source of the conflict. If you do find a conflict, please post back to let me know so that I can investigate further.

5,028

(1 replies, posted in Juicebox-Lite Support)

Check that your gallery's 'images' and 'thumbs' folders have been uploaded to the correct locations on your web server.
According to your gallery's XML file, the first image in your gallery should be located here: http://www.loomzine.org/images/LOOM-web.jpg
... but going directly to this location in a browser results in an error 404 (file not found).

5,029

(5 replies, posted in Juicebox-Lite Support)

You will not be able to merge a Juicebox gallery's 'config.xml' file with another XML file. The Juicebox gallery will require its own XML file.
If your website already has a file named 'config.xml' (which will conflict with the gallery's 'config.xml' file), then you can rename the gallery's 'config.xml' file and point to it using the configUrl configuration option in the gallery's embedding code.
For example:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
configUrl: "mygallery.xml",
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

5,030

(15 replies, posted in Juicebox-Lite Support)

I wondering if someone could assist me with how to create the external folder that will allow all three galleries to pull (functionality) from the same jbcore folder yet display the individual photos contained in each gallery's folder.

Instructions for allowing multiple galleries to share a single 'jbcore' folder can be found here: Using an External jbcore Folder

5,031

(3 replies, posted in Juicebox-Pro Support)

All the gallery files must be on the same domain (or subdomain) due  to the same-origin policy security restriction.
Please see this web page for further details.

An <iframe> will work as all the gallery files reside on a single domain (or subdomain) and the <iframe> simply loads the gallery's 'index.html' page.

5,032

(5 replies, posted in Juicebox-Pro Support)

Are these commands tied to the left and right arrow keys in a browser?

No. They are commands that can be called using JavaScript to navigate through the main images in the gallery.
If enableKeyboardControls="TRUE", the left and right arrow keys enable users to do the same but they are not directly linked to the API controls. They are an alternative way to navigate through the images.
Perhaps whatever software comes with the remote control can be configured to simulate specific key presses (to use the Juicebox-Pro keyboard shortcuts) or to run custom JavaScript code (to use the Juicebox-Pro API methods).

5,033

(7 replies, posted in Juicebox-Lite Support)

but if I don't 'Insert into page' then there are no photos in the gallery

If you do not click 'Insert into page', the images are still attached to the page (and can be viewed in the 'Add Media' window by selecting 'Uploaded to this post' from the drop-down menu) and will be displayed in the gallery.

and if I do insert into page, then the gallery is empty and all the images are just inserted into the page one after another.

If you do click 'Insert into page', then the images should be displayed in the gallery and also displayed individually by WordPress.
If you have an empty gallery with images attached to the post, please post the URL so that I can take a look and investigate further. Thank you.

5,034

(5 replies, posted in Juicebox-Pro Support)

I'm glad you have solved your problem.
Thank you for posting back to let me know.

5,035

(8 replies, posted in Juicebox-Pro Support)

The layout of the thumbnails on the thumbnail page in Small Screen Mode is partly determined by the code within the 'juicebox.js' file which is obfuscated and cannot be modified. It is not possible to change this functionality via CSS alone, although the tips I provided above (using Thumbnail configuration options) may help a little.

5,036

(5 replies, posted in Juicebox-Pro Support)

Is there any way to get a browser to respond to the next slide and previous slide commands of the usual powerpoint remote controls?

I am not familiar with powerpoint remote controls but it is possible to change images in a Juicebox-Pro gallery programmatically by using the showNextImage() and showPreviousImage() methods from the Juicebox-Pro API.

5,037

(10 replies, posted in Juicebox-Pro Support)

@Alfred

This is not working in IE8 it turns the thumbs black except the highlighted one. In all other browsers the thumbs have the right opacity but black thumbs in IE8 is not so good.

I have logged this issue as a bug report (thumbnail frames opaque in IE8) and it should hopefully be fixed in the next version of Juicebox-Pro.
In the meantime, I am glad that you have found a suitable workaround.

5,038

(3 replies, posted in Juicebox-Pro Support)

We are currently investigating the possibility of adding SEO support to Juicebox-Pro galleries.
In the meantime, you might like to try using the Juicebox SEO Script in this forum post.

5,039

(1 replies, posted in Juicebox-Pro Support)

Yes. There are several ways that this can be achieved.

You could use an <iframe> and target the <iframe> with different galleries via links to the corresponding 'index.hml' pages.

Otherwise, you could embed a gallery in a container and, using the Juicebox-Pro API, you could switch galleries using JavaScript and the showGallery() method.

Either method would require knowledge of HTML and/or JavaScript.

You may also like to take a look at the Embedding Multiple Galleries section of the Juicebox Embedding Guide.

A further solution might be to create a multiple-gallery album using jAlbum and the Juicebox Skin.
When using jAlbum and the Juicebox skin, you can drag and drop a complete folder structure into jAlbum's main window and click 'Make Album'.
The resulting album will have a separate Juicebox gallery for each and every folder/subfolder in your input structure and all the galleries will be linked together via a JavaScript navigation tree. On clicking a link for a gallery, the current gallery is replaced with the newly selected one.
Here is a sample album created by jAlbum and the Juicebox Skin.

5,040

(7 replies, posted in Juicebox-Lite Support)

@anthughes
Just go to your Media Library and attach the images to the post which contains the gallery.
(You may need to clear your browser's cache before reloading the gallery.)
Please note that WordPress allows you to attach each image in the Media Library to only one post so if the images you wish to add to your gallery are already attached to other posts, then you will need to re-upload them.

5,041

(1 replies, posted in Juicebox-Lite Support)

Juicebox Error: Config XML file not found.

I've looked online for an answer for this error but as you can tell I find anything.

Please see this FAQ:
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?

5,042

(12 replies, posted in Juicebox-Lite Support)

Juicebox and SimpleViewer run on different platforms (Flash vs HTML) and have different sets of configuration options so it would be difficult to exactly replicate a SimpleViewer gallery using Juicebox.
However, the following notes might help you to get close.

I'd like to be able to make my own thumbnails

This is possible. Each thumbnail in a Juicebox gallery is assigned a unique URL so you could create your own thumbnails and point towards then using the thumbURL entries in the gallery's XML file.

and have a larger fullview image than what I've been able to get Juicebox to produce

Juicebox-Pro configuration options such as imageScaleMode and imagePadding (and rearranging other gallery elements) might help you achieve a larger main image in your gallery.

as well as the complete horizontal layout, as opposed to the fullview above the thumbnails

You can position the thumbnails in a 3 x 3 grid to the left of the main image in Juicebox-Pro (though not in Juicebox-Lite, the free version) by setting thumbsPosition="LEFT", maxThumbColumns="3" and maxThumbRows="3" in your gallery's XML file.
Here is a demo Juicebox-Pro gallery which closely resembles a SimpleViewer gallery.
Other demo galleries which demonstrate what can be done with Juicebox-Lite and Juicebox-Pro can be found here.

Also, testing Juicebox in WordPress hasn't really given great results (mostly because of the issues above), so I guess I need to know if there's some sort of optimal WordPress layout to use Juicebox with in order to do something like what I had in Simpleviewer?

Many WordPress themes use a central column to contain the content with large borders to the left and right sides.
With the usable width of the page reduced as it often is, the default Juicebox layout (thumbnails below the main image) is likely to be the optimal layout for most WordPress users. If you were to position the thumbnails to the left of the main image, there may be little space remaining for the main image to be displayed and it might appear very small. If doing so, I would recommend that you reduce the size of your WordPress theme's borders to accommodate such a Juicebox layout.

Thank you for confirming. I have now contacted the developers.

5,044

(1 replies, posted in Juicebox-Pro Support)

The <p> and <br> tags are not generated by WP-Juicebox.
They are likely to be generated by either WordPress or your current WordPress theme.
If you are switching between the 'Visual' and 'Text' editor, WordPress might be adding the tags during the switch.
Try using the 'Text' editor to see if the <p> and <br> tags are displayed and can be deleted manually.
If this does not help, try reverting to the default WordPress theme to see if this makes a difference.

5,045

(5 replies, posted in Juicebox-Pro Support)

It would be easier to open your existing gallery in JuiceboxBuilder-Pro (assuming you still have a copy of it on your computer), add 4 images via the 'Images' tab and re-save your gallery on the 'Publish' tab than to place new images in the 'images' folder, create your own thumbnails and place them in the 'thumbs' folder and then manually add new corresponding <image> entries to the gallery's 'config.xml' file.
However, you can manually add images to your gallery (as above) if you wish.
After adding new images to your gallery by either method (whether using JuiceboxBuilder-Pro or doing it manually), you would still need to upload the new images and XML file to your web server. It would be easier to let JuiceboxBuilder-Pro generate the thumbnails and the gallery's XML file for you.

I looked all over trying to find where the gallery counter is located, but nada. I think it's in the .js file. But until I change that counter nothing shows. Is there any easy way to update the counter?

Juicebox counts the number of <image> entries in your gallery's XML file. There is no counter to set.
If you do not see the new images in your gallery when you view it in your browser, please see this FAQ:
When I update my gallery I don't see my changes online. Why?

5,046

(5 replies, posted in Juicebox-Pro Support)

This is likely to be the problem. Your friend could perhaps contact his 4G service provider to see if it is possible for them to turn off content modification on his account.

5,047

(2 replies, posted in Juicebox-Pro Support)

You can have all the elements positioned on the overlay displayed always by setting showImageOverlay="ALWAYS" in your gallery's XML file.
If creating or editing your gallery with JuiceboxBuilder-Pro, this configuration options can be found in the 'Customize -> Main Image' section.

5,048

(8 replies, posted in Juicebox-Pro Support)

Ok, so I started to doubt myself and had another look... I downloaded a new version of juicebox and only made some minor configuration to make it easier to see the problem.

You can find the gallery on: http://www.grevink.net/JuiceboxTest/index.html

I changed the background to white, forced the screensize to small and there is again a black background

Thank you for providing the URL to your gallery.
I notice that your gallery uses Juicebox-Pro v1.0.2. Please upgrade to the current version (v1.2.0) following the instructions here as many bugs have been fixed and new features have been introduced since v1.0.2. Please see the Version History for a full list of changes.

Furthermore is added a fixed with and height and set the spashpage to never, for you to see the large amount of space around the thumbnails? There could easily fit more thumbs on the area... The padding is just to large maybe due to the arrows? But still above and below is al lot of space?

The number of thumbnails is automatically calculated to fill the available space. The only ways to have Juicebox display more thumbnails per page is to reduce the dimensions of the thumbnails via the thumbWidth and thumbHeight configuration options or to reduce the amount of thumbPadding.

5,049

(8 replies, posted in Juicebox-Pro Support)

I can change the background color as you describe, but as soon as i force the screensize to small the background switches to black again??

The background color should remain consistent between the Small and Large Screen Modes.
Please post the URL to your gallery so that I can take a look.

Furthermore is there a way to influence (via a custom css) the padding around the thumbnail view because I think it is a little to large.. Thanks!

You can spread the thumbnails out more by increasing the value of the thumbPadding configuration option.
If using JuiceboxBuilder-Pro to create or edit your gallery, this configuration option can be found in the 'Customize -> Thumbnails' section.

5,050

(8 replies, posted in Juicebox-Pro Support)

I'm trying to find out how to set the background color when using a screenmode forced to small?

Setting the 'Background Color' in JuiceboxBuilder-Pro (in the 'Customize -> Lite' section) will set the gallery's background color for both Small and Large Screen Modes. Just make sure that the 'Opacity' is greater than zero. Otherwise the background color will be 100% transparent.
(The background color is set in the gallery's embedding code, as can be seen in the sample code in the Juicebox - Embedding Guide.)

p.s. there also is a large padding around the collection of thumbnails in the small screen view? Where can I alter this?

In Small Screen Mode, the number of thumbnails is automatically calculated to fill the available space. This cannot be changed.
If there is more than enough space in the user's browser window to display all the thumbnails, then there may also be space surrounding the thumbnails. However, in a small browser window, fewer thumbnails will be displayed and there will also be less space surrounding the thumbnals.
Please see the Screen Modes support section for further information.