Juicebox v1.5.1 Released!

2017-09-13 22:25:10

You're welcome.
I hope you get on OK.

2017-09-13 22:23:14

I notice that you define your gallery dimensions using percentages (which is absolutely fine) but in your web page, depending on the size of the browser window, your gallery can be quite small (and there simply may not be enough space to display the full image caption).

However, here are a few suggestions which may help.

(1) You could maybe increase the initial size of your gallery on your web page (by increasing the size of your gallery's parent container). This would allow more room for the captions.

(2) I notice that your gallery currently uses screenMode="LARGE". On mobile devices (especially in portrait orientation), your gallery is displayed with limited width (and little room for the captions). If you were to set screenMode="AUTO" (the default value for this configuration option), then the Splash Page would initially be displayed on mobile devices and, when the Splash Page is tapped, the gallery would expand to fill the viewport, giving the captions more room.

(3) Your gallery currently uses captionPosition="BELOW_IMAGE". This limits the caption's width to match that of the image. If you were to set captionPosition="OVERLAY" or captionPosition="BOTTOM" instead, then the caption's width will span the entire stage (giving the captions more room when the gallery is displayed in desktop browsers).

(4) When using captionPosition="BELOW_IMAGE" (as your gallery currently does), Juicebox-Pro will use the maxCaptionHeight value as the actual (fixed) height for the caption area. If you want to continue using captionPosition="BELOW_IMAGE", then you could increase maxCaptionHeight (to a value greater than its default value of 120) to increase the height of the caption area.

(5) You could actually display your captions outside your gallery by fetching the current image's caption via the Juicebox-Pro API (specifically the getImageInfo() method) and then using JavaScript to display the caption elsewhere on your page (perhaps in a container below your gallery).
Here's an example of how this could be achieved. To see it in action, just create a sample gallery with JuiceboxBuilder-Pro (making sure to give your images some sample captions) and use the following code as your gallery's 'index.html' page.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            function escape(input) {
                return input.replace(/&/g, '&amp;').replace(/'/g, '&apos;').replace(/>/g, '&gt;').replace(/</g, '&lt;').replace(/"/g, '&quot;');
            }
            var jb = new juicebox({
                containerId: "juicebox-container",
                galleryHeight: "400",
                galleryWidth: "600"
            });
            jb.onImageChange = function(e) {
                var id = e.id;
                var info = jb.getImageInfo(id);
                var caption = escape(info.caption);
                $('#output').html('<p>' + caption + '</p>');
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
        <div id="output"></div>
    </body>
</html>

I hope you're able to incorporate one or more of these suggestions into your own gallery's web page.

2017-09-12 23:59:26

If you want to use imageClickMode="OPEN_URL" (to have the image click open the image itself) but still have a link somewhere to open a custom page, then perhaps the best course of action would be to create unique links in your image captions using HTML formatting as documented in this FAQ.
Image captions can be multi-line (using HTML line breaks <br>) so you could keep your existing captions and add something like the following to the end of them:

<br>Click <a href="/custom_pages/page0001.html" target="_blank">here</a> for more information.

You could then create your custom pages in Showkase (if you like) and hide them from the navigation menu by dragging the pages onto the 'Hidden pages' tree node on the 'Pages' tab.

I hope this helps.

2017-09-09 11:36:47

The Button Bar icons are actually characters in a custom font so your problem is most likely a font issue.

However, if the problem is at server level (either incorrect or missing MIME type entries in your server settings or restrictive permissions for the font files in the 'jbcore/classic/fonts/' directory), then I would expect the problem to be seen across all platforms (not just on mobile devices).

If you are not already using the latest version of JuiceboxBuilder-Pro, then try upgrading your gallery to see if this helps.
Full instructions for downloading the latest version and upgrading existing galleries can be found here.

Even if you are already using the latest version of Juicebox-Pro, try re-uploading the gallery's 'jbcore' folder to make sure that all font files are present and correct on your server.

If you continue to experience difficulties, then please:
(1) Provide a link to your gallery so that I can try to see the problem for myself.
(2) Let me know what device and browser (including version numbers) you see the problem in.

Thank you.

2017-09-08 14:51:19

... hide the main image and only show thumbnails, and then when a thumbnail is clicked have the main image come up and hide the thumbnails?

This is certainly possible. You can force the gallery to always be displayed in Small Screen Mode (where thumbnails and main images are displayed on different pages) by setting screenMode="SMALL" (in JuiceboxBuilder-Pro's 'Customize -> General' section).
More information about Screen Modes can be found here.
Here is a sample gallery which demonstrates Small Screen Mode: https://www.juicebox.net/demos/pro/ssm/

I would probably like to have 20 or so thumbnails taking up the whole screen in 5 rows,

The thumbnail pages in Small Screen Mode are responsive and it is not possible to set the exact number of thumbnails (columns and rows) per page. The number of thumbnails displayed on a thumbnail page in Small Screen Mode will be determined by the thumbnail dimensions (set via the thumbWidth and thumbHeight configuration options) and the size of the user's browser window. If there is not enough available space to display all the thumbnails at once, then additional thumbnail pages will be generated and the user can navigate between them with the thumbnail paging arrows.
Take a look at this sample gallery and try resizing your browser window: https://www.juicebox.net/demos/pro/full … Mode=SMALL

... and then when a thumbnail is clicked and the main image opens the thumbnails revert to 1 row of four (scrollable) at the bottom.

This is not possible. In Small Screen Mode, the thumbnails and main images are always displayed on different pages (never together) and in Large Screen Mode, the thumbnails and main images are always displayed together on the same page (although the thumbnails can be toggled on and off via the Thumbnail Button or with the auto-hide functionality).
Here's a sample gallery featuring the Thumbnail Button (on the gallery's Button Bar at the top right) which shows and hides the thumbnails when clicked: https://www.juicebox.net/demos/pro/default/

2017-09-07 11:54:56

so how its possible that the new post gallery overwrite the old post code ?

This should not be possible at all. Each time a new gallery is created (via the 'Add Juicebox Gallery' button), a unique gallery id is generated.
There should never be two gallery shortcodes with the same gallery id.
Also, gallery ids should be interchanged manually and gallery shortcodes should not be copied and pasted between posts.

Unless someone has manually changed a gallery id in a gallery shortcode (or has copied and pasted an existing shortcode), I cannot explain why you have duplicate gallery ids.
Also, there is no way for a gallery id (or gallery shortcode) to change by itself (unless you have a schedulted task on your server or WordPress site which is somehow interfering with post content).

A gallery id signifies which configuration file (stored in the 'uploads/juicebox/' directory) should be used.
Inside the configuration file is a post id which then tells the gallery which post's attachments to display.

If you check out your 'equis-bar-grand-opening' gallery, you'll see that it uses a gallery id of 208.
If you then examine the contents of the http://www.rivieraevents.com/wp-content … ox/208.xml file, you'll see that the corresponding post id is 5354. Therefore, the gallery is displaying all images attached to post 5354.

If you were to copy and paste a gallery short code (complete with gallery id) to a different post and click 'Update' (which I would not recommend), then the post id in the corresponding configuration file will change (to that of the current post) and the gallery will display the images attached to the updated post id.

I really do not know what is at the root of your problem but maybe my notes above will help to clarify some things.

2017-09-06 21:15:48

Is this normal...

Yes. Due to the size of the Fotomoto share window, shopping cart functionality is disabled in Small Screen Mode (used when the gallery is displayed on mobile devices) and works only in Large Screen Mode (in desktop browsers).
This is mentioned in the 'Additional notes' for the Shopping Cart support section.

Shopping Cart button is disabled in Small Screen Mode since the Fotomoto popup interface does not fit on smaller screens.

2017-09-04 18:09:10

I notice that your gallery currently uses Juicebox-Pro v1.5.0.
There was a bug in v1.5.0 whereby Flickr descriptions may not be displayed in galleries which do not display thumbnails (like your "Latest few snaps" gallery).
This bug was fixed in v1.5.1 (please see the Version History page for a full list of changes) so please try upgrading your gallery.

Full instructions for downloading the latest version and for upgrading existing galleries can be found on the Upgrading Juicebox support page.
Essentially, you can load and re-save your gallery in JuiceboxBuilder-Pro or replace your gallery's existing 'jbcore' folder with the 'jbcore' folder from the Juicebox-Pro v1.5.1 download zip package ('juicebox_pro_1.5.1/web/jbcore').

This should hopefully fix your problem.

2017-09-01 10:20:59

Please see my reply to your query in your other forum thread.

2017-09-01 10:20:15

The 'Add Juicebox Gallery' button will add a Juicebox gallery shortcode to the page or post but there is no code in the plugin which can change or remove an existing shortcode.
Also, there is no code within the plugin that can delete any images from a gallery (or the WordPress Media Library).
All image handling is performed by core WordPress code. WP-Juicebox just displays the images that happen to be attached to the page or post containing the gallery at the time the gallery is displayed.
The plugin also does not contain any scheduled tasks (which might make things appear to happen on their own).

It sounds like something other than the plugin might be at the root of your problem.

Ask everyone who has administrative access to your WordPress site if they have done anything which might have changed anything.
Also, check in with your web host to see if they have experienced any problems recently and have had to backup your site using older versions of your files.

Hopefully some investigative work will help to point you in the right direction.

2017-08-30 10:01:49

You're welcome!

2017-08-29 19:16:01

Yes. Set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) and, when a main image is clicked, the corresponding linkURL will be opened in the linkTarget window. (Ordinarily, when setting imageClickMode="OPEN_URL", the corresponding imageURL will be opened but if a linkURL has been assigned to the image, then this will be used instead.)

You can specify a unique linkURL and linkTarget for each image on JuiceboxBuilder-Pro's 'Images' tab.
Just click a thumbnail and the linkURL and linkTarget input boxes will be visible below the thumbnails.
(Otherwise, you can edit your gallery's 'config.xml' file manually in a plain text editor to add your linkURL and linkTarget entries as attributes to the <image> tags.)

A linkURL can be relative (to the web page containing the gallery's embedding code) or absolute (in the form 'http://www.example.com/files/file0001.pdf').

2017-08-27 09:44:40

You're welcome!

2017-08-27 09:41:47

You're welcome!
I'm glad it was an easy fix! Thanks for letting me know.

2017-08-26 21:50:15

According to your gallery's 'config.xml' file, the 21st image in your gallery should be located here:
http://utifotok.000webhostapp.com/images/DSCN1558.jpg

However, going directly to that location in a browser (bypassing Juicebox) results in an error 404 (file not found).
The missing images are listed in your gallery's 'config.xml' file but do not seem to be present on your web server (or at least in the correct location).
Try re-uploading your gallery's images to your web server. This should hopefully solve your problem.

If the images are in their correct location on your web server, then please check their permissions to ensure that they are not too restrictive. Default file permissions of 644 should be fine. You should be able to check and change permissions using either a dedicated FTP program such as Filezilla or via your web hosting account's online File Manager.

I hope this points you in the right direction.

2017-08-26 14:33:21

If you are just upgrading an existing gallery from v1.5.0 to v1.5.1, then replacing a gallery's 'jbcore' folder is all that is necessary.

There are no changes to the gallery's embedding code (so no need to modify any of your HTML files), no changes to the syntax of the gallery's configuration file (so no need to modify any of your 'config.xml' files) and no changes to the gallery's structure (so no need to move or rename any gallery files).

I think you might be referring to a previous release whereby a meta tag was updated in the gallery's 'index.html' file and it was necessary to rebuild the gallery in JuiceboxBuilder-Pro to re-generate the 'index.html' file with the change. (Of course, this change was necessary only if you used the 'index.html' page to display the gallery on its own. If you embedded the gallery in an existing web page alongside other content, then this change was not required. Also, it was possible to just change the meta tag manually instead of having to rebuild the gallery.) There is no such change between v1.5.0 and v1.5.1.

If you are using the jAlbum skin to generate an album of galleries, then please note that there have been a few changes to the album's 'index.html' page (to fix a few small bugs) so, if you use this menu page generated by the skin, I recommend updating the skin and rebuilding your album to take advantage of the changes. (Existing images should not be re-processed by jAlbum when you click the 'Make album' button so the rebuild should be very quick.)

2017-08-26 12:03:51

This issue raised in this thread (regarding the languageList entry for the Download Button not working) has now been fixed in Juicebox v1.5.1 which has just been released (25 August 2017).
Please see the Version History for a full list of changes.
Full instructions for upgrading can be found on the Upgrading Juicebox support page.

2017-08-26 11:52:52