4,451

(3 replies, posted in Juicebox-Pro Support)

Here are a few things to check:

  • Make sure that your gallery uses the latest version of Juicebox-Pro (v1.3.2). Please see the Upgrading Juicebox page if necessary.

  • Try re-uploading your gallery's 'jbcore' folder to ensure that all files on your web server are present and correct.

  • Make sure that your web page uses a valid Doctype Declaration. Please see here for details.

  • Validate the code on your web page with the W3C Markup Validation Service and fix any HTML errors reported.

  • Make sure that your IE10 browser is not in Compatibility Mode.

  • Temporarily disable any extensions that you may have in your IE10 browser to see if this makes a difference.

  • Clear your browser's cache to ensure that your browser is fetching the most recent gallery files from your web server.

If none of the above helps, then the problem may be due to incorrect or missing MIME types on your web server (for the .eot and .woff icon font files in the 'jbcore/classic/fonts/' folder).

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

4,452

(9 replies, posted in Juicebox-Pro Support)

In my own tests, the adjustment I posted above (to reduce the number of lines displayed below each Gallery Index Page thumbnail) should work OK without any adverse side affects regarding thumbnail placement (though I have not tried every possible permutation of all options so cannot guarantee 100% success) and you are free to tweak your Showkase installation as desired.
As long as any CSS modifications you make are entered in your theme's 'custom.css' file (and you do not directly modify the source code of the program itself), then if you find any problems with the changes you make, you can easily change them back.

4,453

(1 replies, posted in Juicebox-Lite Support)

I notice that your gallery uses Juicebox-Lite v1.1.1.
Try upgrading your gallery to the latest version of Juicebox-Lite (v1.3.2) as many bugs have been fixed since v1.1.1 and upgrading might fix your problem without any further action.
For a full list of changes, please see the Version History.
For instructions on how to get the latest version of Juicebox-Lite and how to upgrade existing galleries, please see the Upgrading Juicebox page.

Also, try fixing the HTML errors on your gallery's web page.
You can validate the code on your page with the W3C Markup Validation Service and then fix any errors reported.

4,454

(2 replies, posted in Juicebox-Lite Support)

As you are specifying your gallery's dimensions as percentages, the aspect ratio of the gallery will depend on the dimensions of the user's browser window.
For the imageScaleMode configuration option, Juicebox-Lite uses the default value of SCALE_DOWN, which (as long as the main images are larger than the image area within the gallery) will display the images as large as possible within the image area in the gallery whilst maintaining their aspect ratio and without cropping.
If the aspect ratio of your images does not match that of the image area in the gallery, gaps above and below (or to the left and right) of the images may be seen.
Solutions would be to either:
(1) Define your gallery's dimensions using fixed pixel values rather than percentages to ensure that the aspect ratio of the image area in the gallery matches that of your images (no matter what the dimensions of the user's browser window are).
... or:
(2) Purchase Juicebox-Pro and change the imageScaleMode to FILL , STRETCH or NONE so that the images fill the image area (though in order to do so, images may be cropped).
Descriptions of the imageScaleMode configuration option values can be found in the Main Image section of the Config Options page.

4,455

(9 replies, posted in Juicebox-Pro Support)

Unfortunately all content of welcome and about pages disappeared and the upper half of contact too:(

If you want to remove the body text area from Juicebox gallery pages only, then use the following code in the '_themes/kosel/css/custom.css' file:

body.type-juicebox section.page-body {
    display: none;
}

Moreover the gap on the gallery index page is still to big.

The gap beneath the thumbnails on the Gallery Index Page is to accommodate long gallery titles (which can wrap onto three separate lines before truncating). If you want only one line of text to be visible beneath each gallery thumbnail, try using the following code in the '_themes/kosel/css/custom.css' file. However, please note that I do not know what knock-on effects (if any) this may have.

body.type-galleryindex .content figcaption {
    height: 1.25em;
}

Is there a way to control this individually for every page?

Each page has its own separate layout and the spacing on each page may be due to different elements (with different CSS classes).
If you want to customize your Showkase pages beyond what can be achieved in the interface, then I would recommend using your browser's developer tools to determine the element that you wish to change and then add custom CSS to the theme's 'custom.css' file.

I'll add it anyway, but I expect this will never be implemented since your developer doesn't seem to realize there's a problem in the first place.

I do not know whether or not this suggestion will be implemented but thank you for adding it to the Feature Requests thread where it will not be overlooked.

I'm open to any concrete suggestions.

Currently, as long as the navButtonIconColor and navButtonBackColor are both different from the gallery's background color, then the thumb dots should always be visible (whether they are unselected, hovered over or selected).

4,457

(9 replies, posted in Juicebox-Pro Support)

The home button is available now. It has a dotted white line below the icon when a gallery is not expanded. How can I avoid that?

I have notified the developers of this and it should be fixed in the next version of Showkase. In the meantime, add the following code to the '_themes/kosel/css/custom.css' file:

a.jb-go-back-icon {
    border: none;
}

By the way: the not expanded galleries have this huge gap I mentioned before. The distance between the thumbs and the footer separation line is too big.

Thank you for providing the URL to your web site. The gap you mention is the area for the body text (which is your case, is empty). With nothing entered for the 'Page title' and in the text editor, the gap you see on your pages is the minimum height of the body text area.
If you simply do not want to display the body text area at all (removing the gap completely), add the following code to the '_themes/kosel/css/custom.css' file:

section.page-body {
    display: none;
}

4,458

(1 replies, posted in Juicebox-Pro Support)

Please make sure that your gallery uses the latest version of Juicebox-Pro (v1.3.2).
If necessary, instructions on how to get the latest version and upgrade existing galleries can be found on the Upgrading Juicebox web page.
This should hopefully solve your problem. If not, then please post the URL to your gallery so that I can take a look.
(I have been unable to replicate the problem you have described using Juicebox-Pro v1.3.2 and the languageList template you posted.)

4,459

(1 replies, posted in Juicebox-Lite Support)

Try specifying your gallery's width as a fixed pixel value rather than as a percentage.
Otherwise, if you specify your gallery's width as a percentage, ensure that all the parent containers of your gallery have been given widths via CSS. (Juicebox needs to know what its own width should be a percentage of.)
Please see the note for Using Percentage Heights here. In your scenario, this may also apply to widths.

If you are using the Juicebox module for Drupal (rather than the Embedding in a Drupal Site instructions) and need support for it, please post in the Drupal forum where the author of the plugin (not ourselves) should be able to help you further.

4,460

(8 replies, posted in Juicebox-Pro Support)

It is difficult to see exactly what is going on in your web page as your layout is controlled by complex JavaScript and your 'juicebox-container' div is nested within 9 other divs (at least one of which has not been given any dimensions via CSS) and an article.
Make sure that all the parent containers of your gallery have been given dimensions via CSS and, as you are using percentage dimensions for your gallery, please see this note for Using Percentage Heights. (It may also apply to widths in your scenario.)

If all you want is for your gallery to not take up the entire width of the browser window and for it to be horizontally centered, try something like the following (changing the gallery height as required):

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: 'juicebox-container',
        galleryWidth: '80%',
        galleryHeight: '100%'
    });
</script>
<div id="juicebox-container" style="margin: 0 auto;"></div>
<!--END JUICEBOX EMBED-->

4,461

(1 replies, posted in Juicebox-Lite Support)

It looks like the first image in your gallery may be corrupt. (Something may have happened during the initial upload to cause the image to become corrupt.)
When I try to open it directly in a browser, the following message is displayed:

The image "http://www.jkmurtha.com/webgallery/images/A%20Happy%20Occasion.jpg" cannot be displayed, because it contains errors.

Try re-uploading the image (and its corresponding thumbnail) to your web server.

4,462

(1 replies, posted in Juicebox-Pro Support)

You can reverse the order of images by opening the plugin's 'wp-juicebox/config.php' file in a plain text editor and changing the two instances of 'order'=>'DESC' (in lines 34 and 36) to 'order'=>'ASC'.

The issue you describe (thumb dots becoming invisible) becomes a problem if either the navButtonIconColor or the navButtonBackColor is the same as the gallery background color so a workaround would be to ensure that all three colors differ slightly. I understand that you do not want to do this but it might be a compromise that will help other users reading this post.

Please provide separate configuration options!

Please post suggestions in the Feature Requests forum thread.
This keeps them all together and ensures that they are not overlooked. Thank you.

minor bug: the default spacing between dots also changed between versions.

The slight change in appearance is likely to have happened with the introduction of vector icon fonts in v1.3.0.

4,464

(8 replies, posted in Juicebox-Pro Support)

This seems to be a similar request to your query here.
It looks like you would like the size of the gallery to change dynamically depending on the size of the image currently being displayed. If this is the case, then my reply here should help.

If you want the gallery's dimensions to change with the size of the user's browser window (but not depending on the size of the image currently being displayed), then you will need to set your gallery's dimensions (and the dimensions of all parent containers of your gallery) to percentages. If there is a fixed value anywhere up the chain, then the dimensions of the gallery will become fixed, e.g. 100% x 100% x 100% x 800px = 800px, no matter what the size of the user's browser window is.

4,465

(9 replies, posted in Juicebox-Pro Support)

I changed the 'admin/plugins/juicebox/defaults.ini' as suggested but unfortunately nothing happend.

you would need to 'Rebuild' your gallery ('Edit Gallery Page -> Advanced Tab -> Rebuild') after making the change.
(I tested this fix myself and it works.)

Moreover some of the settings in the .ini don't match with my Showkase settings

The entries in the 'defaults.ini' file should not reflect your own gallery's settings. (This contents of this file will not change.) They are default values used to determine whether or not it is necessary to include a configuration option in a gallery's 'config.xml' file. (If a custom settings in a gallery matches the configuration option's default value, then Showkase knows that there is no need to enter the setting in the gallery's XML file.)

@watermark: I build all galleries in Showkase with Simpleviewer PRO and switched to Juicebuilder PRO then. Is there another way than building them again locally? I have a pic in /_library/files/watermark.png but this is not accepted as a watermark path:(

There is no way to watermark images in a Juicebox gallery created within Showkase.
You can enter a relative or absolute URL in the 'Watermark Url' text field for SimpleViewer-Pro galleries, though.
This is because the watermarking in SimpleViewer-Pro superimposes the watermark image on top of the main image at the time the gallery is displayed. The watermarking in JuiceboxBuilder-Pro embeds the watermark into the main images themselves when the images are resized at the time the gallery is created (not when it is displayed).

Finally, how can I reduce the distance between the last line of text/ thumbs and the footer?

Check that you do not have any blank lines in the body text of your gallery page. (Edit the gallery page, click in the text editor area and ensure that everything within the box has been deleted.)
If this does not help, please post the URL to your web page so that I can take a look. It would help to see the web page in question to know whether the space you are referring to is within the gallery itself (a Juicebox issue) or outside the gallery (a Showkase issue).

4,466

(7 replies, posted in Juicebox-Pro Support)

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

4,467

(9 replies, posted in Juicebox-Pro Support)

1. After upgrading a »separation« border [1px height | rgb:43,43,43] appeared below the last line of text on every page and in the gallery pages itself. It doesn't appear on the Gallery Index Page though. How can I get rid of it?

Add the following code to the '_themes/kosel/css/custom.css' file:

div.body-content {
    border-style: none;
}

2. The thumbnail images look quite blurry. How can I change that?

Showkase creates thumbnails for Juicebox-Pro galleries at the dimensions specified by the thumbWidth and thumbHeight configuration values in the interface. If you change these values after creating a gallery, the thumbnails will not be displayed at their actual size in the gallery and they may look blurred. To recreate the thumbnails at the new dimensions, edit the gallery page, click on the 'Advanced' tab and select 'Rebuild this Juicebox gallery'.

3. The back button icon doesn't show up. It's set to »overlay|left« and »use icon« is checked. I just want the home icon to be shown like the one on your demo page

This looks like a bug. Thank you for reporting. I have logged a bug report with the developers and it should be fixed in the next version of Showkase. In the meantime, open the 'admin/plugins/juicebox/defaults.ini' file in a plain text editor, search for the text 'BackButtonUseIcon' and change it to 'backButtonUseIcon' (with a lowercase 'b' at the start).

4. How to set the path for a watermark image?

The watermarking functionality is a feature found only in JuiceboxBuilder-Pro and is not available in Showkase.
If you like, you could create a gallery with JuiceboxBuilder-Pro (using a watermark), upload the gallery folder to your web server and import the gallery into your Showkase installation in the 'Site -> Import' section.

4,468

(1 replies, posted in Juicebox-Pro Support)

You can change the default spinner to a custom animated gif of your own (in the 'jbcore/classic/img' folder) but it is not possible to change this indeterminate progress indicator to a percentage-based progress bar.

4,469

(7 replies, posted in Juicebox-Pro Support)

@cryptic

I do not see this on Juicebox-Pro v1.3.2 galleries on an iPod Touch 4 iOS 6.1.3 using Chrome 28.0.1500.16.

What device and versions of iOS and Chrome do you use?
Make sure that your versions of iOS and Chrome are up to date.

Also, make sure that you are using the latest version of Juicebox-Pro (v1.3.2).
Please see the Upgrading Juicebox page for details on how to get the latest version and how to upgrade existing galleries if necessary.
If you are already using the latest version of Juicebox-Pro, then please post the URL to your gallery so that I can take a look and also, if possible, please upload a screenshot somewhere to let me see what you are seeing. Thank you.

4,470

(3 replies, posted in Juicebox-Pro Support)

There are two separate alt text fields: the 'Alternative Text' field from a Media Library image and the 'Alt & Title Text' from a NextGEN Gallery image.

The 'Alternative Text' field from a Media Library image is currently not used at all by WP-Juicebox.

In a Media Library-sourced Juicebox gallery, WP-Juicebox uses the 'Title' field as the Juicebox image title and the 'Caption' field as the image caption.

In a NextGEN-sourced Juicebox gallery, WP-Juicebox uses the 'Alt & Title Text' field as the Juicebox image title and the 'Description' field as the image caption.

In both cases above, the image titles and captions are stored in the gallery's XML file (not in the HTML file which contains the gallery's embedding code, which is why you do not see the text when viewing the source of the page in your browser).

4,471

(3 replies, posted in Juicebox-Pro Support)

I notice that you have your JavaScript embedding code inside the <div> into which you are embedding your gallery.
Try moving the JavaScript embedding code outside the <div id="juicebox-container"></div> tags.

4,472

(3 replies, posted in Juicebox-Pro Support)

Currently, the SEO functionality of Juicebox is available only in JuiceboxBuilder-Pro.
At the moment, there are no plans to introduce SEO functionality into the WP-Juicebox plugin.

It would be possible to include SEO data into a WP-Juicebox gallery (such as including the 'Alternative Text' in <img> tags for each image) but it would involve quite a lot of work (and a knowledge of PHP and WordPress coding).
You would need to introduce a new routine in the shortcode_handler function (in the 'wp-juicebox.php' file) which would:
(1) Get the Post ID from the current gallery's XML file.
(2) List the images attached to the post.
(3) For each image, get the URL and 'Alternative Text' (and any other data that you wanted to include) and output the data as an <img> tag and/or plain text within the 'juicebox-container' <div>.

For full functionality (and not just for Media Library galleries), there are other image sources that would need to be considered (such as the Picasa Album and NextGEN Gallery sources). The SEO routine would differ for each source.

4,473

(3 replies, posted in Juicebox-Pro Support)

I see the problem in your own galleries but have been unable to replicate the problem in test galleries of my own (using the same structure, embedding code and configuration options that your galleries do).

Here are a few things to try which may help:

  • Try re-uploading your 'jbcore' folder to your web server to ensure that all the files are present and correct in case any resource files are missing or were somehow corrupted during the initial upload.

  • Try using absolute URLs in your embedding code rather than relative URLs (for the path to the 'juicebox.js' file, the baseUrl and the configUrl). If this helps, then perhaps there is a rewrite rule in an .htaccess file on your web server which is causing the problem.

  • Try setting expandInNewPage="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) and locking the viewport of your embedding page. Please see here for details.

4,474

(496 replies, posted in Juicebox-Pro Support)

Thank you for clarifying your request.

4,475

(1 replies, posted in Juicebox-Pro Support)

Juicebox-Pro does not support videos.
Please see this FAQ: Will Juicebox load things other than images?