1,576

(4 replies, posted in Juicebox-Pro Support)

@JoergWenzel

Are you saying that JuiceboxBuilder-Pro processes your PNG images when the the 'Resize Images' checkbox is deselected?
This should not happen (and it does not happen in my own installation).

I've just double-checked and, with the 'Resize Images' checkbox deselected, JuiceboxBuilder-Pro v1.5.0 just copies the source PNG files across to the gallery's 'images' folder (but with .jpg file extensions) with no processing or resizing at all.
The files in the gallery's 'images' folder are identical (byte-for-byte) to the source PNG files. (I've checked their SHA256 hashes.)

As long as both the 'Resize Images' and 'Use Watermark' checkboxes are deselected, the source images should be copied across to the gallery's 'images' folder untouched.

Please try again and make sure that you deselect the 'Resize Images' checkbox (like in your screenshot) and save the gallery to a new empty folder (to ensure that pre-existing files are not present in the gallery folder).

If you find that images are still being processed when the 'Resize Images' checkbox is deselected, then I cannot explain why but it might be wise to try uninstalling and then re-instaling JuiceboxBuilder-Pro to see if this makes a difference.

1,577

(5 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad that solved your problem.
Thank you for letting me know.

1,578

(5 replies, posted in Juicebox-Pro Support)

Thank you for providing the URL to your gallery's web page.

It looks like the problem is that there is not enough room in your gallery's caption area to display the Flickr descriptions along with the Flickr titles.

When setting captionPosition="BELOW_IMAGE" (as your gallery does), Juicebox uses the maxCaptionHeight value as the actual height of the caption area (rather than a maximum value). (This is noted in the short description for maxCaptionHeight in the Caption Options section of the Config Options page.)

Your gallery currently sets maxCaptionHeight to "50px" which is too short to accommodate both the Flickr titles and descriptions.
Increase maxCaptionHeight (perhaps to its default value of 120) and you should see the Flickr descriptions below the Flickr titles.
(Incidentally, the value for maxCaptionHeight should be just a numeric value, without the 'px' suffix.)

I hope this resolves your problem.

1,579

(5 replies, posted in Juicebox-Pro Support)

Unfortunately, your problem may be caused by a known issue whereby Flickr descriptions are not always displayed when certain configuration options are set to specific values.
The problem may occur if you set showThumbsOnLoad="FALSE" or maxThumbRows="0" or maxThumbColumns="0".
This issue has already been logged as a bug and should hopefully be fixed in the next version of Juicebox-Pro.
In the meantime, possible workarounds would be to either:
(1) Do not use the configuration options values noted above.
... or:
(2) If your gallery is not too large, try setting imagePreloading="ALL".

If none of these suggestions work for you, then please post back with the URL to your gallery's web page so that I can investigate further. Thank you.

1,580

(7 replies, posted in Juicebox-Pro Support)

You're welcome!
I'm glad you're getting on well with Juicebox-Pro.

1,581

(7 replies, posted in Juicebox-Pro Support)

When creating a gallery with JuiceboxBuilder-Pro, the Pro version of the 'jbcore' folder will always be used (and saved to the gallery folder). JuiceboxBuilder-Pro does not contain the Juicebox-Lite 'jbcore' folder at all (so cannot create a Lite gallery).

The only thing I can think of is that you might have tried to save a Pro gallery to a folder containing a Lite gallery and, if you had the gallery open in a browser at the time of saving the gallery on the 'Publish' tab, then the browser could perhaps have had a temporary lock on the Lite 'jbcore' files, preventing JuiceboxBuilder-Pro from overwriting them with the Pro versions.

In any case, I'm glad you've found a workaround for your problem (to save each new gallery to a separate empty folder).
Thank you for letting me know.

1,582

(7 replies, posted in Juicebox-Pro Support)

First of all, please double-check to see if your gallery is using Juicebox-Lite (the free version) or Juicebox-Pro.
Juicebox-Lite has an image limit of 50 images per gallery whereas Juicebox-Pro has no such limit.
If your gallery displays a Juicebox logo in the lower right corner, then it is a Juicebox-Lite gallery. (Juicebox-Pro galleries do not feature this branding.)

If your gallery is a Juicebox-Lite gallery, then instructions 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.0 download zip package ('juicebox_pro_1.5.0/web/jbcore').

If your gallery is a Juicebox-Pro gallery and you use a Flickr account as an image source, you may need to increase the flickrImageCount from its default value of 50 to its maximum value of 500 on JuiceboxBuilder-Pro's 'Images' tab. (Incidentally, this maximum value is imposed by Flickr rather than Juicebox-Pro.)

Also, be sure to clear your browser's cache before reloading your gallery's page to ensure that your browser is using the latest versions of your gallery files from your web server (instead of perhaps using older cached ones).

I hope this helps.
However, if you continue to experience difficulties, please email me back with the URL to your gallery's web page so that I can take a look at the problem for myself and hopefully help further.
Thank you.

1,583

(1 replies, posted in Juicebox-Pro Support)

Juicebox was not designed with the ability to add unique tooltip text to individual thumbnails.
However, if you wanted to add the same tooltip text to all thumbnails, then you could use something like the following code:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    var jb = new juicebox({
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "222222"
    });
    jb.onInitComplete = function() {
        $('.jb-idx-thumb').attr('title', 'Tooltip Text Goes Here');
    };
    jb.onThumbPageChange = function(e) {
        $('.jb-idx-thumb').attr('title', 'Tooltip Text Goes Here');
    };
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Just change the two instances of Tooltip Text Goes Here to whatever text you'd like to use.

1,584

(1 replies, posted in Juicebox-Pro Support)

If you need to display your gallery on demand (when a button is clicked), then I would recommend one of the following.


(1) To display the gallery on a page of its own, use a regular HTML link (an <a> tag) to open the gallery's 'index.html' page. You can incorporate a Back Button in your gallery to allow users to return to the original web page.

or...

(2) To display the gallery within your web page alongside other content, wrap the gallery's embedding code inside a JavaScript function and call the function when required.
To see this in action, create a sample gallery with JuiceboxBuilder-Pro and use the following code as the gallery's 'index.html' page.
Load the 'index.html' page in your browser and you'll see that the gallery is displayed when the 'Load Gallery' button is clicked.

<!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>
        <title>Test</title>
    </head>
    <body>
        <div id="link">
            <input id="load" type="button" value="Load Gallery" />
        </div>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            function loadGallery() {
                new juicebox({
                    containerId: "juicebox-container",
                    galleryHeight: "400",
                    galleryWidth: "600"
                });
            }
            $(document).ready(function() {
                $('#load').click(function() {
                    loadGallery();
                });
            });
        </script>
        <div id="juicebox-container"></div>
    </body>
</html>

1,585

(7 replies, posted in Juicebox-Pro Support)

As far as I am aware, 'option_id' is not something that is used by the current version of WP-Juicebox.
At the moment, I cannot remember if 'option_id' was perhaps something that was used by an older version (and is no longer required) but I've searched through the files for several previous versions and cannot find any instance of 'option_id'.
Please let me know what version of WP-Juicebox you are currently using and I'll look into it further to see if I can figure out what 'option_id' is or was.
Also, in case it helps, please let me now what your 'option_id' and 'last_id' are currently set to and how many WP-Juicebox galleries you currently have.
Thank you.

Edit:
It sounds like you've got it sorted out. Thank you for letting me know.
Also, thanks for sharing your steps which might help others who are migrating their own WordPress sites.

1,586

(7 replies, posted in Juicebox-Pro Support)

Sorry, my mistake. Try searching for 'juicebox_options' with an underscore instead of a dash.
Apologies for the typo. I've corrected my post above.

1,587

(7 replies, posted in Juicebox-Pro Support)

All the WP-Juicebox data files for the galleries are stored in the 'wp-content/uploads/juicebox/' directory so be sure to copy the content of this folder over to your new WordPress site.

The only other WP-Juicebox info that would need to be transferred is the last-used gallery id number.
This is stored as a WordPress Option in the 'wp_options' table named 'juicebox_options['last_id']'.

Copying all of the above (as well as the gallery shortcodes in your pages and posts) should be all that is required to reinstate your galleries in your new WordPress site.

I hope this helps.

1,588

(3 replies, posted in Juicebox-Pro Support)

Thank you for posting your query with additional information over in the Showkase forum.
https://showkase.net/forum/viewtopic.php?id=344

@ehsan_Roots

I'm glad you've been able to resolve your problem. Thank you for letting me know.
Feel free to share your problem and solution here in the forum as it might help other users facing similar issues.
Thank you.

1,590

(3 replies, posted in Juicebox-Pro Support)

I'm not sure what you mean.
Can you explain in a bit more detail what information you're looking for? Thanks.

If you're looking to install a pro viewer into Showkase (across all themes), instructions are here.

1,591

(3 replies, posted in Juicebox-Pro Support)

Thank you for marking this thread as solved.
I hope that you've been able to resolve your problem.

1,592

(3 replies, posted in Juicebox-Pro Support)

I think your problem is due to your site having 3 levels in its navigation menu (gallery index pages grouped under other gallery index pages). Showkase natively supports only 2 levels in its navigation menu and it is not possible to group a gallery index page under another gallery index page in the interface. A gallery index page can be only a top-level menu item.

Normally, when viewing a top-level page, the navigation menu displays all top-level links and also links to pages grouped under the current page. When you select a second-level page, the navigation menu remains the same.
Your problem seems to occur when you select a third-level page (a gallery grouped under a gallery index page grouped under another gallery index page). Everything in the navigation menu displays and works as expected until a third-level page is selected when the navigation menu displays only top-level links.
I'm not sure how you achieved a third level but Showkase was not designed to support or handle this. (It sounds like you would need a third row of links in the navigation menu and this is not something that Showkase has ever been able to do.)

As far as I am aware, there were no changes between v1.6.1 and v1.7.0 with regard to the navigation menu.
Perhaps you had made some manual modifications to the v1.6.1 source files (or maybe to your theme's 'custom.css' or 'custom.js' files) which were overwritten when you upgraded to v1.7.0.

If you are sure that v1.6.1 displayed the links in a way that v1.7.0 does not, then I would not ordinarily recommend using an older version of any software but maybe reverting to v1.6.1 might be the easiest remedy for your problem (as long as your site does not suffer from any of the bugs fixed in v1.7.0).

Incidentally, we have a dedicated Showkase forum here.

1,593

(3 replies, posted in Juicebox-Pro Support)

You're welcome.
Hopefully creating and merging SEO code for several galleries shouldn't be too big of a task.
If you still have local copies of your galleries on your computer, you can open the galleries in JuicbeoxBuilder-Pro to have the application generate the SEO code for you (one less thing for you to do manually).
Knowing the baseUrl that you will use for each gallery, you can then change the <img> tag 'src' attributes in the SEO code so that the relative paths from the embedding page to the images in their respective gallery folders are correct. (For each gallery, this can be done with just a single global search and replace action in a text editor such as Notepad++.)
Then all that is left to do is merge the SEO code for all galleries and copy and paste it inside the 'juicebox-container' <div>.

1,594

(3 replies, posted in Juicebox-Pro Support)

You're welcome!
I hope you're able to move your gallery's Button Bar to where you'd like it to be. (I thing using the CSS classes I suggested with negative margins and adding '!important' is perhaps the best solution. It seems to work well in my own test gallery so I hope it works for you, too.)

1,595

(3 replies, posted in Juicebox-Pro Support)

I'd really recommend that you position the Button Bar using the available Button Bar configuration options (buttonBarPosition and buttonBarHAlign).
If you try to reposition the Button Bar manually using CSS, Juicebox will not know of this modification and will expect the Button Bar to be in a different position. This might have unforeseen knock-on effects, for example if the browser window is narrowed and the Button Bar needs to wrap onto multiple lines. (This might not apply to your own gallery with only one button on the Button Bar but it could be a concern for anyone else reading this thread with a larger Button Bar.)

Having said that, you are certainly free to try repositioning the Button Bar using CSS (but please be aware that such modifications are not officially supported).
You should be able to find out which classes and/or ids you might need to apply your custom CSS rules to (and what rules are currently being applied to specific elements) using your browser's developer tools (F12).

Try something like the following:

.jb-classifier-link-wrapper.jb-classifier-detail-area.jb-classifier-layer {
    margin-top: -10px !important;
    margin-right: -24px !important;
}

1,596

(3 replies, posted in Juicebox-Pro Support)

For reference, the Search Engine Optimization support section can be found here.

When you create a gallery with JuiceboxBuilder-Pro, select the 'Add SEO Content' checkbox in the 'Customize -> Sharing' section and SEO code will be generated. The SEO code will be included in the gallery's 'index.html' file (which can be used to view the gallery on a page of its own) but it will also be presented in the 'Get Embed Code' window on JuiceboxBuilder-Pro's 'Publish' tab. As long as you follow the regular embedding instructions here you can just copy and paste the entire embedding code into your web page and all should be fine.

However, things are complicated slightly with your own setup. Not only do you use a baseUrl (which would mean that you would need to modify the paths to the images in the SEO code as JuiceboxBuilder-Pro has no knowledge of your custom gallery structure when generating the SEO code) but you also switch between multiple galleries on the same page. You would probably need to merge the SEO code from your multiple galleries (making sure that the paths to the images are correct for each gallery) and manually insert it into your web page (inside the 'juicebox-container' <div> within <noscript> ... </noscript> tags, which is how JuiceboxBuilder-Pro presents the SEO code).

Try creating a sample gallery with JuiceboxBuilder-Pro (with the 'Add SEO Content' checkbox selected) and check the 'Get Embed Code' window on the 'Publish' tab to see the format that JuiceboxBuilder-Pro uses for the SEO code if you plan to implement it manually for your own web page.

Placing the SEO code (<img> tags) inside <noscript> ... </noscript> tags is not hiding the images (so Google should not penalize your site for this). It is simply telling the browser that this is what should be displayed if JavaScript is disabled. Not only is this a method of adding the SEO code to your web page, it also ensures that your gallery images will still be seen even if JavaScript is disabled in the browser.

1,597

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

1,598

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

1,599

(1 replies, posted in Juicebox-Pro Support)

(1) Upload all your images (the gallery images and the image you'd like to use as the representing image on the gallery index page) on the gallery page's 'Upload' tab.
(2) On the 'Images' tab, select the image you'd like to use on the gallery index page (via the corresponding radio button in the 'Index' column).
(3) On the ''Customize' tab, scroll down to the 'Override Site Options' section and deselect the 'Show index image' checkbox.
(4) Now click 'Save' and 'Publish'.

1,600

(3 replies, posted in Juicebox-Pro Support)

Drag and drop the gallery page name onto the gallery index page name.
For example, click and hold the text 'Land', drag it onto the text 'Galleries' (make sure the small arrow is directly to the left of the text 'Galleries', not above or below it) and release the mouse click. (Then click 'Save' and 'Publish'.)