3,476 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

With Juicebox-Pro, you would be able to create the gallery from your image but not the rest of the page. Juicebox-Pro is an image viewer/web gallery and not a complete web design package. You would need to somehow create the web page (either manually or using web design software) and then embed your Juicebox gallery in it following the instructions here.

Showkase, on the other hand, is able to create a complete portfolio website.
Showkase has full support for Juicebox-Pro (and SimpleViewer-Pro) and the galleries can be created within the application itself in a web browser interface (or created with JuiceboxBuilder-Pro and imported).

Showkase can also create non-gallery pages (About, Basic and Contact pages) where you can add information about yourself (or any other content you like).

It may not be possible to exactly replicate the web page from your image using Showkase but you would certainly be able to include most of the features (using a logo in your site's header, having a menu for users to navigate throughout your site, contact details, etc).

All of this is done automatically within the Showkase interface without the need for any manual coding at all.

Please take a look at our demo Showkase sites to see what can be achieved with Showkase.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite and SimpleViewer-Standard, the free versions) or Showkase-Pro (which comes with Juicebox-Pro and SimpleViewer-Pro).
(The only difference between Showkase-Standard and Showkase-Pro is the bundled viewers.)

I hope this information helps.

Go to forum: Juicebox-Pro Support

3,477 Reply by Steven @ Juicebox

(29 replies, posted in Juicebox-Pro Support)

Unfortunately, I do not know what is preventing JuiceboxBuilder-Pro from opening your galleries but it does not appear to be the galleries themselves (as I have been able to open one of your galleries successfully myself) so the problem seems to be with your particular setup/system.

Please double-check that any security software you might have installed is not somehow interfering with JuiceboxBuilder-Pro. Make an exception for JuiceboxBuilder-Pro in your security software if necessary.

Also, as the problem seems to be with galleries which were created on a Windows PC, try opening the gallery's XML file and re-saving it (without actually making any changes) in a plain text editor on your Mac before trying to open the gallery in JuiceboxBuilder-Pro.
It is a long shot but it should be quick and easy to do and might be worth trying, just in case there are some hidden control characters within the file which Windows is happy with but your Mac is not.

Go to forum: Juicebox-Pro Support

3,478 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

There are a couple of things that might be causing your problem.

(1) Your web page does not have 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>

(2) As your gallery's height is expressed as a percentage, please see this note for Using Percentage Heights. Essentially, make sure that all parent containers of your gallery have heights explicitly expressed via CSS.
Alternatively, try taking your gallery out of the table on your web page (as the gallery is the only element in the table) and position your gallery on your web page using CSS instead.

Go to forum: Juicebox-Pro Support

3,479 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Lite Support)

I'm glad that re-installing the plugin from scratch has solved your problem.
Thank you for posting back to let me know.

I tried unzipping locally and uploading all the files but that still caused the same error.

That should work fine. Check your FTP program to see if it is uploading all files as either ASCII or Binary. If it has an Auto option (to check each file individually before upload to automatically determine the most appropriate transfer mode for that particular file), then use that.

Go to forum: Juicebox-Lite Support

3,480 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

Unfortunately, there is currently a known bug (which should hopefully be fixed in the next version of Juicebox) whereby the value of the expandInNewPage configuration option can change the scale of the embedding page. This may be the cause of your problem.
If your gallery currently sets expandInNewPage="TRUE", then try setting expandInNewPage="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section). Conversely, if your gallery currently sets expandInNewPage="FALSE", then try setting expandInNewPage="TRUE".
(Alternatively, try setting expandInNewPage="AUTO" if "TRUE" or "FALSE" do not work.)

Hopefully this will help, although if v1.4.0 works fine for you just now, you may wish to continue using it until the next version (with the fix for this problem) is released.

If this does not help, then, in order to investigate further, I would really need to see the problem for myself so please post back with the URL to your gallery so that I can take a look for myself. Thank you.

Go to forum: Juicebox-Pro Support

3,481 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Use the following configuration options to layout your gallery as closely as possible to the gallery in your image.

thumbsPosition="LEFT"
maxThumbColumns="3"
maxThumbRows="5"
thumbNavPosition="BOTTOM"

If you want the gallery to look this way on mobile devices as well as in desktop browsers, then you will also need to set:

screenMode="LARGE"

... to force the gallery to be displayed in Large Screen Mode. Small Screen Mode, which would normally be used to display the gallery on mobile and small screen devices, does not display the main image and thumbnails on the same page.
For more information about Screen Modes, please see here.

The thumbnail configuration options listed above can be found in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section and the Screen Mode configuration option can be found in the 'Customize -> General' section.

For reference, a complete list of configuration options can be found here.

Go to forum: Juicebox-Pro Support

3,482 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Lite Support)

So I uploaded version 1.4.2 onto my WP site (having first renamed the old version in the plugins directory), but it doesn't seem to work.

This may cause problems as, even though the plugin folders are named differently, you will essentially have two plugins with the same name. Try temporarily moving one version of your WP-Juicebox plugin outside your 'wp-content/plugins' directory.

When I try to activate it I get the following error message

"The plugin generated 2 characters of unexpected output during activation. If you notice “headers already sent” messages, problems with syndication feeds or other issues, try deactivating or removing this plugin."

This sounds like the 'wp-juicebox/wp-juicebox.php' file may have been modified or has somehow become corrupt or incomplete.
Try reinstalling WP-Juicebox from scratch.
(1) Download WP-Juicebox from the link on this web page.
(2) Delete all WP-Juicebox folders from your 'plugins' directory. (Make a backup copy of them first before deleting them.)
(3) Install WP-Juicebox following the instructions on the page linked to in (1) above.

and then when I go onto a page with a gallery, I get a grey box appears with the error message "Juicebox Error: Config XML file not found"

If, after reinstalling the plugin, you still see this error message, please post the URL to the web page which displays this message so that I can see the problem for myself and help further.
WP-Juicebox handles all paths automatically and, under normal circumstances, this message should not be displayed.
One possible reason for this message being displayed in a WP-Juicebox gallery would be if the 'wp-juicebox/config.php' file was missing (or had permissions which were too restrictive). If this were the case, then reinstalling the plugin should solve this problem, too.

Go to forum: Juicebox-Lite Support

3,483 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

Thank you for providing the link to your gallery.
I have viewed your gallery in Chrome 36.0, Firefox 31.0, Internet Explorer 11, Opera 23.0 and Safari 5.1.7 (PC) and do not see the problem you report.

So far, we know that the problem happens in Safari on Mac. Do you see the problem in other WebKit browsers on your Mac: Chrome and/or Opera?

Also, you have narrowed the problem down to the use of imageTransitionType="CROSS_FADE".
First of all, try using just imageTransitionType="CROSS_FADE" as the only option in your gallery's XML file to see if this, by itself, is enough to cause the problem.

If the problem does not happen when using only imageTransitionType="CROSS_FADE", then try to narrow the problem down further by reducing the number of configuration options in your gallery's XML file until the problem no longer exists. (Try changing the values of imageTransitionTime and displayTime before removing any options to see if this makes a difference.)

Unfortunately, as I am unable to see the problem in your gallery and cannot replicate the issue in a test gallery of my own, I am unable to try the suggestions above myself so I would appreciate your help in tracking down this issue as far as possible.
Thank you.

Go to forum: Juicebox-Pro Support

3,484 Reply by Steven @ Juicebox

(29 replies, posted in Juicebox-Pro Support)

Replacing 'jbcore' folder did not solve the problem.

Thank you for trying. It was worth a shot. As unlikely as it sounds, it worked for a different user who was experiencing a similar problem to your own (which is why I suggested it).

Thank you for providing your zipped gallery.
I can open it in JuiceboxBuilder-Pro v1.4.2 without any problem so there certainly does not seem to be a problem with the gallery files themselves.

Please check the permissions on the gallery files on your Mac to see if this might be the cause of your problem.
Also, make sure that you are not trying to open the gallery folder from a restricted file system or network drive. Try copying your gallery folder to a different location on your hard drive (such as your desktop) before trying to open it to see if this helps.

Go to forum: Juicebox-Pro Support

3,485 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

There is currently a known bug whereby elements which have explicitly been assigned a CSS position are not covered by the fullscreen gallery (they should be). This bug should hopefully be fixed in a future version of Juicebox.

It sounds like this might be the cause of your problem. Please try one of the two following suggestions:

(1) Set useFullscreenExpand="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Lite' section).
... or:
(2) Set expandInNewPage="TRUE" in (in JuiceboxBuilder-Pro's 'Customize -> General' section). When the gallery is expanded, it will be displayed on a page of its own rather than on top of the embedding page.

Hopefully one (or both) of these suggestions will be a suitable solution to your problem until the bug is fixed.

Go to forum: Juicebox-Pro Support

3,486 Reply by Steven @ Juicebox

(29 replies, posted in Juicebox-Pro Support)

Is your problem that the 'Open Gallery...' button is completely ineffective (nothing happens when you click it) or that you are able to select the gallery folder but the gallery does not open when clicking 'Select Folder'?
If it is the second of these two scenarios, then try replacing the 'jbcore' folder in your gallery folder with a fresh copy of the 'jbcore' folder from the Juicebox-Pro downlaod zip package ('juicebox_pro_1.4.2/web/jbcore/') before trying to open the gallery.
If this still does not work, then, if possible, please zip the gallery, upload it somewhere and provide a download link so that I can try to open the gallery and replicate the problem for myself.

Go to forum: Juicebox-Pro Support

3,487 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

Here are a few things to check/try:

  • If you have your gallery embedded in a web page alongside other content, then try viewing the gallery on a web page of its own (by opening the gallery's 'index.html' page in a browser) to see if this makes a difference. If the gallery works as expected on its own web page, then there maybe a CSS or JavaScript conflict with some code on your embedding page which is contributing to your problem.

  • Check to see if the problem occurs in all browsers (Chrome, Firefox, Internet Explorer, Opera, Safari) or just one.

  • Try changing the value of the imagePreloading configuration option (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) to see if this helps.

If you continue to experience difficulties, then please post the URL to your gallery so that I can take a look for myself and help further.

Go to forum: Juicebox-Pro Support

3,488 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

It is not possible to incorporate a video within a Juicebox gallery.
As you are aware, Juicebox (as an image viewer) does not support videos (as noted in this FAQ).

The best you could do would be to include links within your gallery to go to separate web pages with your videos embedded into them. You can include links within image titles and image captions using HTML formatting (as noted in this FAQ) or you could use the linkURLs in the gallery's XML file (which can be entered on JuiceboxBuilder-Pro's 'Images' tab) which would be opened when the user clicks on the Open Image button on the gallery's Button Bar.

I realise that many users have requested video support but Juicebox was designed as (and is) an image viewer.
Users are free to suggest whatever they like in the Feature Requests thread but it is up to the developers to decide which suggestions will be taken forward.

An alternative solution might be to include both Juicebox galleries and web pages with videos within an integrated web site.
This can be achieved using another one of our products, Showkase.
Take a look at the Patrick Surace demo gallery on this web page for a web site created with Showkase which features Juicebox galleries and Vimeo videos (on different pages).

Go to forum: Juicebox-Lite Support

3,489 Reply by Steven @ Juicebox

(29 replies, posted in Juicebox-Pro Support)

@maciej

I have updated the list of things to check/try in the post above with a few extra suggestions.
I would certainly try uninstalling and reinstalling JuiceboxBuilder-Pro following Step #4 onwards. (Step #6 was not previously on the list but another Mac user has reported that searching for and deleting all instances of JuiceboxBuilder-Pro on the hard drive before reinstalling the application helped so it might be worth trying in your case.)

Go to forum: Juicebox-Pro Support

3,490 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

Here are a few tips which should hopefully help to clarify a few things.

If you create a gallery with the Lightroom plugin and then edit it in JuiceboxBuilder-Pro to create a multi-size image gallery, then the images that Juicebox will have to work with are the images in the gallery's 'images' folder. When resizing images, JuiceboxBuilder-Pro scales down large images but does not scale up smaller images so if the images in the 'images' folder are already smaller than the maximum image bounds for the specified image sizes, then they will simply be copied across to the gallery folder as they are without being upscaled. Therefore, make sure that Lightroom exports images large enough that they have to be downscaled by JuiceboxBuilder-Pro.

When displaying a gallery in Large Screen Mode, Juicebox displays the Medium size images in the standard gallery. Large size images are reserved for use when the gallery is expanded fullscreen (via the Expand button on the Button Bar) and for when an individual image is opened in a new window (via the Open Image button on the Button Bar).
For more information about Screen Modes, please see here.
For more information about Multi-Size Image Support, please see here.

When a gallery is displayed by Juicebox, the images are scaled within the gallery's image area according to the imageScaleMode configuration option (found in JuiceboxBuilder-Pro's 'Customize -> Main Image' section). By default, its value is SCALE_DOWN. Images larger than the image area will be scaled down (respecting the image's aspect ratio) but images smaller than the image area will not be scaled up. Alternative values for this configuration option (and short descriptions of each) can be found in the Main Image section of the Config Options page.

Images within a Juicebox gallery will only ever fill the image area within the gallery. If you want your images to cover the entire screen, you will need to disable gallery elements for which space is reserved, such as the thumbnails and make sure that other elements such as the caption area, the Gallery Title and the Button Bar are either disabled or displayed on the overlay (rather than in positions outside the image area). You may also need to set imageScaleMode="FILL" (although this will crop images unless their aspect ratio matches that of the image area).

Go to forum: Juicebox-Pro Support

3,491 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

1.  How do you open a gallery created by the Lightroom plugin with JuiceboxBuilder-Pro?

In order to open an existing gallery in JuiceboxBuilder-Pro (created by either JuiceboxBuilder-Pro or the Lightroom plugin), you need to click 'Open Gallery...' (or 'Gallery -> Open...' from the drop-down menu at the top) and then navigate towards and select the gallery folder itself (not a file) before clicking 'Select Folder'. The gallery folder is the folder which contains the gallery's XML file and the gallery's XML file must be named 'config.xml'. (If you have renamed or moved this file, then the gallery will not be able to be opened by JuiceboxBuilder-Pro.)

2.  Should galleries saved in Juicebox-Pro be listed when clicking "Open Gallery"?

No. There is no 'Recently opened...' list.

I created two galleries with JB-pro and saved both (to same folder).

A Juicebox gallery is a collection of files and not just a single file (like when creating and saving a text document or a spreadsheet).
I would recommend that you save each gallery into a folder of its own.
Each gallery has an XML file (listing the gallery's configuration options and the images to be displayed) named 'config.xml'.
If you were to save multiple galleries into the same folder, then one gallery's XML file will be overwritten by another's.
Also, if you rename or move the 'config.xml' file within a gallery folder, JuiceboxBuilder-Pro will not be able to open the gallery.
Just save all your galleries into separate and unique folders and all should be fine.

Go to forum: Juicebox-Pro Support

3,492 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

The Pro Options section within the Lightroom plugin's interface is a text area where Pro Options can be entered as text in the form optionValue="optionName" (e.g. autoPlayOnLoad="TRUE").
Please see the Alternative Methods to set Pro options section at the foot of the Lightroom plugin's support page.

None of the Juicebox plugins are as fully-featured as JuiceboxBuilder-Pro (which comes with Juicebox-Pro and has individual controls within its interface for all Pro Options) and they are provided as a convenience for users who already use programs such as Lightroom and want to be able to create Juicebox galleries within their existing workflow.

It is actually quite a quick and easy process to open a gallery (created by the Lightroom plugin) in JuiceboxBuilder-Pro, customize the gallery as required and re-save the gallery.
You could even create a preset in JuiceboxBuilder-Pro so that you can quickly apply a collection of configuration options to an existing gallery in a single action.

Go to forum: Juicebox-Pro Support

3,493 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

I have just viewed your gallery in Chrome and Mobile Safari on an iPod Touch and your gallery expands correctly in both browsers (with none of your embedding web page visible in the gallery's expanded web page).
If you have made any changes to your gallery's configuration options recently, try clearing your browser's cache before reloading your web page to ensure that your browser is fetching and using the most recent versions of your gallery files.
If the problem persists, please ensure that you have set expandInNewPage="TRUE" and please let me know what generation of iPad you are using and what version of iOS you are running.
Also, if possible, please upload a screenshot somwehere (and provide a link) so that I can see what you are seeing.
Thank you.

Go to forum: Juicebox-Pro Support

3,494 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

It is not possible to change the share URL sent to the social media networks. This data (using the actual URL of the web page) is created by the 'juicebox.js' JavaScript file which is packed and obfuscated and cannot be modified.

Go to forum: Juicebox-Pro Support

3,495 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

In order to be able to hide the caption area and Button Bar when the user mouses-out of the gallery, you would need to set captionPosition="OVERLAY" (or captionPosition="OVERLAY_IMAGE") and buttonBarPosition="OVERLAY" in conjunction with showImageOverlay="AUTO".

Additionally, your gallery currently sets showInfoButton="TRUE". This overrides the default behavior of the overlay (noted in the description of this configuration option on the Config Options page) and the overlay can be toggled on and off only by clicking the Info Button on the Button Bar. Set showInfoButton="FALSE" and showImageOverlay="AUTO" will become active once again.

Go to forum: Juicebox-Pro Support

3,496 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

The code you refer to is the code which is dynamically generated by Juicebox when the gallery is displayed.
This code cannot be changed. It is generated by the 'juicebox.js' file which is packed and obfuscated and cannot be modified.

The code you refer to is not the code that is actually on the web page which can be seen when viewing the source of the web page in a browser (or when opening the web page in a plain text editor).

If you want to include SEO content code in your gallery's web page, then create your gallery with JuiceboxBuilder-Pro and select the 'Add SEO Content' checkbox in the 'Customize -> Sharing' section.
Please see the Search Engine Optimization support section for further details.

When opting to 'Add SEO Content', code such as the following will be entered into the gallery's 'index.html' page for each image.

<p><img src="{Image URL}" title="{Image Title}" alt="{Image Caption}" /><br>{Image Title} {Image Caption}</p>

Go to forum: Juicebox-Pro Support

3,497 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

Please see this forum post for suggestions as to how an email button could be included within a Juicebox-Pro gallery.

Otherwise, you could just make room on your web page for both the gallery and some custom HTML (your email link) or you could overlay your email link on top of your gallery by adding code such as the following to the <body> section of your web page:

<div id="overlay" style="position: absolute; bottom: 10px; left: 10px; z-index: 9999;">
    <a href="mailto:email@address.com">Click to email</a>
</div>

Go to forum: Juicebox-Pro Support

3,498 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

You can change the color of the text shadow using the textShadowColor configuration option in JuiceboxBuilder-Pro's 'Customize -> Color' section.
However, you would have more control over the text shadow of your image titles and captions using CSS such as the following:

<style type="text/css">

    /* Image Titles */
    .jb-caption .jb-caption-title {
        text-shadow: 1px 1px 1px rgba(0,0,0,1);
    }  

    /* Image Captions */
    .jb-caption p {
        text-shadow: 1px 1px 1px rgba(0,0,0,1);

    } 
</style>

The sample code above sets a black shadow close to the original text and with a very small amount of blur which sounds suitable for your scenario.
For more details on the parameters of the CSS text-shadow property, please see here.

Go to forum: Juicebox-Pro Support

3,499 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

(1) It looks like there may be a conflict with some CSS code on your web page which is resulting in gallery elements being out of position. One possible solution (other than to check your web page for global CSS rules which the gallery might be inheriting) might be to set expandInNewPage="TRUE" (in the Pro Options text area) to expand the gallery on a new page of its own rather than within the embedding page. Alternatively, you could try setting useFullscreenExpand="TRUE" (although not all browsers support the Fullscreen API which this configuration option uses).

(2) Try setting expandInNewPage="TRUE" in your gallery's settings. There is currently a bug (which should hopefully be fixed in a future version of Juicebox) whereby setting expandInNewPage="FALSE" can change the scale of the embedding page on mobile devices. This may be a possible explanation for the problem that you are running into.

Hopefully setting expandInNewPage="TRUE" will fix both of your issues.

Go to forum: Juicebox-Pro Support

3,500 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support