2,701

(7 replies, posted in Juicebox-Pro Support)

The easiest solution would probably be to increase the CSS 'z-index' value on your menu and hover elements so that they are stacked on top of all gallery elements.

I don't actually see the problem myself.
If I scroll down one of your pages with a gallery on it (so that the caption area is close to the menu) and then hover over a menu button, the menu element completely covers the gallery (the caption does not show through).
If you can tell me exactly how I might be able to see the problem (which page or pages exhibit the problem and what steps I can take to replicate it), I will take another look and hopefully be able to help further.

I see the problem now in a large desktop monitor. (I was previously using my laptop.)
The problem is seen only when there is space between the main image and the thumbnails (which is why you see the problem only in expanded mode and I did not see the problem on my laptop).

The problem seems to be due to setting imageTransitionType="CROSS_FADE" and it is not directly related to the AutoPlay functionality.
If you are currently viewing the last thumbnail on a thumbnail page and manually navigate to the next image using the main image navigation button, the problem can be seen.

I have logged a bug report with the developers and this should hopefully be fixed in the next version of Juicebox-Pro.

In the meantime, possible workarounds would be to either:
(1) Set imageTransitionType to SLIDE, FADE or NONE.
... or:
(2) Make your gallery images larger so that, even on large monitors or in expanded mode, the images fill the image area from top to bottom (so that the problem cannot be seen).

2,703

(1 replies, posted in Juicebox-Pro Support)

There are two possible instances for 'alt' attributes for each image.

(1) The 'alt' attribute for the <img> tag corresponding to the image displayed in the gallery. This 'alt' attribute is populated by the Image Title and is generated dynamically by the 'juicebox.js' JavaScript file at the time the gallery is displayed. The 'juicebox.js' file is obfuscated and cannot be modified so this 'alt' attribute cannot be changed.

(2) The 'alt' attribute for the <img> tag in the SEO content code (which is produced only if the 'Add SEO Conntent' checkbox is selected in JuiceboxBuilder-Pro's 'Customize -> Sharing' section). This 'alt' attributes is populated by the Image Caption. Although it is not possible to change what JuiceboxBuilder-Pro uses to populate these 'alt' attributes, the SEO content code forms part of the gallery's embedding code (presented on JuiceboxBuilder-Pro's 'Publish' tab and included in the gallery's 'index.html' file) which you can edit manually in a text editor.

I am unable to see the problem when viewing your gallery in Chrome, Firefox or IE11 on my PC.
What browser (or browsers) to you see the problem in?
Also, does the problem happen only in expanded mode or also in normal mode?

I notice that your gallery uses Juicebox-Pro v1.4.4 which was released only a week ago.
Try completely clearing your browser's cache before reloading your gallery's web page to make sure that your browser is not using cached files from previous versions of Juicebox-Pro.

I'm glad you've got it working.
Thank you for posting back to let me know.

The problem is likely to be due to the backslashes in your gallery's imageURL and thumbURL paths (in the 'config.xml' file). As these are relative paths, use slashes instead.
For example, change:

imageURL="images\0000029709.jpg"

... to:

imageURL="images/0000029709.jpg"

A couple of other things to check/try...

In your gallery's embedding code (in the 'index.html' page), change:

useThumbDots: "0"

... to:

useThumbDots: "TRUE"

This will probably not make a difference but possible values for the useThumbDots configuration option are TRUE and FALSE (rather than 1 and 0).

Also, try removing the comment from the top of the 'config.xml' file.

Hopefully this will solve your problem.

2,707

(8 replies, posted in Juicebox-Pro Support)

I'm glad you've been able to figure it out. Thanks for letting me know.

2,708

(11 replies, posted in Juicebox-Lite Support)

The image data must be in the required <image> tag format (using imageURL and thumbURL attributes) in an XML file.
It is not possible to provide the image data to Juicebox via JavaScript in the embedding page.
Please see Step #4 ('Edit config.xml') in the Manually Creating a Gallery support section for a sample <image> tag.
You could, however, use a server-side scripting language (such as PHP) to extract data from a custom source and build the XML file dynamically (see the example in my first post above).

2,709

(9 replies, posted in Juicebox-Pro Support)

The bug noted above (whereby a page containing an embedded gallery cannot be scrolled in Windows mobile devices) has now been fixed in Juicebox v1.4.4.
Please see the Upgrading Juicebox support page for instructions on how to download the latest version and upgrade existing galleries.
Please see the Version History for a list of changes between versions.

2,710

(29 replies, posted in Juicebox-Pro Support)

The bug noted above (whereby a page containing an embedded gallery cannot be scrolled in Windows mobile devices) has now been fixed in Juicebox v1.4.4.
Please see the Upgrading Juicebox support page for instructions on how to download the latest version and upgrade existing galleries.
Please see the Version History for a list of changes between versions.

The bug noted above (whereby a page containing an embedded gallery cannot be scrolled in Windows mobile devices) has now been fixed in Juicebox v1.4.4.
Please see the Upgrading Juicebox support page for instructions on how to download the latest version and upgrade existing galleries.
Please see the Version History for a list of changes between versions.

2,712

(7 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad I was able to help.

2,713

(5 replies, posted in Juicebox-Pro Support)

The bug noted above (whereby a page containing an embedded gallery cannot be scrolled in Windows mobile devices) has now been fixed in Juicebox v1.4.4.
Please see the Upgrading Juicebox support page for instructions on how to download the latest version and upgrade existing galleries.
Please see the Version History for a list of changes between versions.

2,714

(12 replies, posted in Juicebox-Pro Support)

The bug noted above whereby the default value of maxThumbRows (1) is not respected on small screen devices when screenMode="LARGE" has now been fixed in Juicebox v1.4.4.
Please see the Upgrading Juicebox support page for instructions on how to download the latest version and upgrade existing galleries.
Please see the Version History for a list of changes between versions.

2,715

(6 replies, posted in Juicebox-Pro Support)

@tina.maldita

It is not possible to specify an exact number of thumbnails to display. The actual number of thumbnails is dynamic and will depend on the area available (factors being the size of the gallery and, if the gallery is responsive, the size of the browser window).
You can, however, set maxThumbRows and maxThumbColumns to specify maximum limits for the thumbnail rows and columns respectively. Also, if you give your gallery fixed pixel dimensions (rather than percentages), then the size and shape of the gallery will not change if the browser window is resized so the number of thumbnails will not change.
You could perhaps tweak your gallery dimensions, thumbnail dimensions and maxThumbRows and maxThumbColumns to give you the exact number of thumbnails that you are looking for.

2,716

(8 replies, posted in Juicebox-Pro Support)

If your thumbnails are not displaying locally or on your web server, then please double-check that the thumbnail images exist in the 'thumbs' folder and that the thumbUrl entries in your gallery's 'config.xml' file exactly match the thumbnail filenames taking care with case-sensitivity, especially with file extensions. For example, on a case-sensitive web server, 'image.jpg' is not the same as 'image.JPG'.

The link you provided seems to be an incomplete URL. I get an error 404 (file not found) when opening the URL in a browser.

If you like, please zip the entire gallery folder that is causing you the problem, upload it somewhere (perhaps your web server or a file sharing service such as Dropbox or Google Drive) and post a download link.
If I am able to see the complete gallery (rather than trying to find individual files on your web server, not knowing what all the actual filenames of your images may be), I should hopefully have a better chance of figuring out the cause of your problem. Thank you.

2,717

(8 replies, posted in Juicebox-Pro Support)

According to your gallery's 'config.xml' file, the first thumbnail in your gallery should be located here: http://yourspace.minotstateu.edu/russ.h … roup_1.jpg
... but going directly to that location in a browser results in an error 404 (file not found).

Please check that your thumbnail files have been uploaded to the correct location on your web server and that their permissions (and the permissions of the 'thumbs' folder itself) are not too restrictive.
Default permissions of 755 for folders and 644 for files should be fine.

Also, please see this FAQ which may help:
My images show locally, but not when I upload them to my website. Why?

2,718

(8 replies, posted in Juicebox-Pro Support)

@juicebuck

I have 10 images in this test gallery and when I open up the index.html only numbers 8 and 9 show up in the thumb preview.

Please post the URL to your gallery's web page so that I can take a look at the problem for myself and hopefully help.

2,719

(7 replies, posted in Juicebox-Pro Support)

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

2,720

(7 replies, posted in Juicebox-Pro Support)

Juicebox was designed to be embedded into a <div> in a web page.
Do you have an example of the issue you are having? If so, please post the URL to your page so that I can take a look and hopefully help further. Maybe if I see your gallery in your page, I will have a better understanding of your problem.
Thank you.

2,721

(1 replies, posted in Juicebox-Pro Support)

A Juicebox gallery is essentially just an HTML 5 element (which would be embedded in a web page) and a link to a gallery would just be the URL to the web page containing the gallery.
Here is a link to a sample Juicebox-Lite gallery (on a web page of its own with no other content): http://www.juicebox.net/demos/lite/full/
Here is a link to a sample Juicebox-Lite gallery embedded in a web page alongside other content: http://www.juicebox.net/demos/lite/embedded/
Links to all demo galleries can all be found on this page: http://www.juicebox.net/demos/

To add a web page (whether it contains a Juicebox gallery or not) to an iOS device's Home Screen (whether the web page contains a Juicebox gallery or not), you would need to open the web page in Mobile Safari, tap the menu icon and select 'Add to Home Screen'.

2,722

(8 replies, posted in Juicebox-Pro Support)

I don't like fit to fill .

Unfortunately, there is not a scale-to-fit option for the thumbnails (only scale-to-fill), although you could certainly suggest this as an idea for a future version in the Feature Requests forum thread if you like. (The thumbnails were designed more as a navigation tool than as a method to showcase the images themselves. The main images can be scaled to fit within the gallery's image area (in their entirety, retaining their aspect ratios and without cropping) by using either imageScaleMode="SCALE_DOWN" or "SCALE").

Anyway I have solved my problem by editing the macro supplied by Imatch so that it can create all the required images and add which ever preset I want to the config.xml.

I'm glad you've found a suitable workaround for your problem.

Would I be right in assuming that the 215kb js file contains some of the jquery library.

Yes. Juicebox contains its own bundled version of jQuery so that no other dependencies are required. A user can just

Is there any way of optimising this overhead ?

The 'juicebox.js' JavaScript file is packed and obfuscated and cannot be modified so it would not be possible to remove the jQuery content from the file. Also, one benefit of Juicebox using its own version of jQuery (other than not having to ensure that jQuery is included in the web page containing the gallery's embedding code) is that we can be sure that all Juicebox functionality works OK. If a version of jQuery older than that required is used or a bug is introduced into a new version of jQuery, the gallery may fail to function correctly. Juicebox using its own bundled version of jQuery avoids this possibility.

2,723

(7 replies, posted in Juicebox-Pro Support)

So if the portlet or the web page resizes, it will not adjust and portions of the gallery will not be viewable unless the web page is refreshed.

It sounds like your gallery might have fixed pixel dimensions (rather than being responsive) and, if so, it will always be displayed at the specified dimensions on all devices and in all browsers.

There are essentially two ways to make a Juicebox gallery responsive (with its dimensions dynamically changing with the size of the user's browser window).

Scenario #1:
A Juicebox gallery will be responsive (and will dynamically scale with the size of the user's browser window) if the gallery's own dimensions and the dimensions of all parent containers are expressed as percentages. If there is a fixed value anywhere up the chain, then the gallery's size will become fixed (e.g. 100% x 100% x 800px = 800px).
Please note that when using percentage heights, you may need to implement the suggestion noted here.

Scenario #2:
You could use JavaScript to listen for a change in the size of the user's browser window and assign new dimensions to the Juicebox gallery if and when this happens.
An example of this can be found in the resizable galleries support section here.
Take a look at the source of this sample gallery in your browser to see how this might be achieved.

Both scenarios above apply equally to Juicebox-Lite and Juicebox-Pro.

2,724

(12 replies, posted in Juicebox-Pro Support)

You're welcome!

2,725

(4 replies, posted in Juicebox-Lite Support)

I downloaded Juicebox Plugin for Wordpress -- and nothing else.  Should I have downloaded something else as well?

You can certainly use WP-Juicebox (the dedicated Juicebox plugin for WordPress) on its own.

Is the Wordpress plugin considered "lite" or "pro"?

WP-Juicebox comes bundled with Juicebox-Lite but if you are a Juicebox-Pro user, you can upgrade the plugin to use your Juicebox-Pro files by following the instructions here.

Do I have JuiceBox Builder with the Wordpress plugin??

No. JuiceboxBuilder-Lite (the desktop application to create and edit Juicebox-Lite galleries) is found inside the Juicebox-Lite zip package which can be downloaded from the link on this web page. (JuiceboxBuilder-Pro is found inside the Juicebox-Pro zip package.)
More information about JuiceboxBuilder can be found in the links below.
JuiceboxBuilder Tour: http://www.juicebox.net/tour/juiceboxbuilder/
JuiceboxBuilder User Guide: http://www.juicebox.net/support/juiceboxbuilder/

... and then copied and pasted the shortcode into our boat PAGE...

This is where the problem lies. A Juicebox gallery shortcode should not be copied and pasted into a different page. Each Gallery Id is linked to the page or post that it was originally created in.
If you copy a shortcode, it might initially display the images attached to the original page but if you edit and update the page, then the gallery will become linked to the new page and will then display the images attached to this new page.
As long as you do not copy and paste gallery shortcodes, everything should be OK.
If you want to recreate a gallery for different pages, you will need to re-upload the images for each page. (Wordpress natively allows each Media Library image to be attached to only one page.)
If you do not want to have to upload images to the Media Library multiple times, then you could perhaps use Flickr as a source of images and use the same Flickr options in each gallery.

We simply wound up with the four photos on the page, not within a slideshow.

Make sure that you do not click 'Insert into post'. This will display the images directly in the page. All that is required to display images in a WP-Juicebox gallery is to attach the images to the post. Just close the media window after uploading is complete.

So, in order to have a slideshow with 4 specific images, the juicebox gallery has to be on a page with NO OTHER IMAGES, otherwise it will incorporate any other images on the page into the slideshow?

A WP-Juicebox gallery sourced by the Media Library will display all images attached to the post. If you want to use Media Library images in the page but outside your Juicebox gallery, then I would recommend that you either use a different image source (such as Flickr) or create your galleries using JuiceboxBuilder and embed them manually using the baseUrl method of embedding documented here (without using WP-Juicebox at all).
Essentially, once you have created a gallery with JuiceboxBuilder, you would upload the complete gallery folder (not just the contents) to your web server and paste the baseUrl embedding code into the body of your WordPress page (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 the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.