4,176

(5 replies, posted in Juicebox-Pro Support)

When using the WordPress Media Library as a source of images for a gallery created with WP-Juicebox, Juicebox will display all images attached to the post containing the gallery.
However, it looks like you have no Media Library images attached to the post containing your gallery.
Go into your Media Library and check that your images have been attached to the correct post.

If you find that you you have no images attached to the post (which is what your gallery's XML file currently suggests), you can either:
(1) Attach images to the post from within the Media Library itself. (Please note that WordPress allows you to attached Media Library images to only one post so if you have images that are already attached to posts and you wish to include them in a WP-Juicebox gallery, you will need to upload them again.)
... or:
(2) Edit the post containing the gallery, click the 'Add Media' button (above the editor's toolbar) and add images to the post in the pop-up window.

4,177

(4 replies, posted in Juicebox-Pro Support)

Thank you for reporting this problem.
I am able to see the problem in IE10 but it does not seem to be a problem in IE11 (or in any other browsers).
I have logged a bug report with the developers and it should hopefully be fixed in the next version.

In the meantime, the workaround would be to use a different combination of captionPosition and imageTransitionType.

(Please note that there is currently a similar problem with the same symptoms as you describe which affects imageTransitionType="CROSS_FADE" in conjuction with captionPosition="BOTTOM" or "BELOW_THUMBS". This bug has already been addressed and will be fixed in the next version of Juicebox-Pro.)

4,178

(7 replies, posted in Juicebox-Lite Support)

The problem is that I can´t change the homepage for the moment. Will that disapear next time if I go that website?

There is no need to change your browser's homepage.
Just go to that web address (copy and paste it into your browser's address bar when you need to) to go to the Java download page.

I also wonder why it´s not possible to see the gallery emediatly without upload it to my website and THEN see if it is allright. It´s not so workable.

Certain browsers (IE11, Chrome and Opera) have security restrictions which prevent the loading of XML files (like the one used by Juicebox to store the configuration options and image data) locally. There is nothing that can be done to circumvent this behavior.
Please see these FAQs:
When I view my gallery locally in Google Chrome, I see the message "Juicebox does not display locally in Google Chrome". Why?
When I view my gallery locally in Opera, I see the message "Juicebox does not display locally in Opera". Why?

If you want to view your gallery on your own computer before uploading it to your website, please preview it in either Firefox or Safari.

4,179

(8 replies, posted in Juicebox-Pro Support)

Thank you for trying this.
This demonstrates that the gallery itself is OK but that the problem lies with the code on your embedding pages.
Loading a gallery in an iframe will isolate the gallery from the code on your main page but as you still experience issues, it looks like the problem originates from the use of different Doctypes and/or HTML errors on your pages.

Try to standardize the Doctypes across your pages and fix any HTML errors. Hopefully this will help.

I see that all your web pages now use the HTML 5 Doctype but you should still use double-quotes around the 'src' attribute within your iframe code, ie. change:

src=http://www.scatturando.it/Gallerie/panorami/index.html

... to:

src="http://www.scatturando.it/Gallerie/panorami/index.html"

4,180

(4 replies, posted in Juicebox-Pro Support)

If you are referring to the way that the caption area fades out with the image and then snaps back into place, then this is unavoidable with the configuration options your gallery uses.

The way that the caption area appears and disappear is dependent on two configuration options: captionPosition and imageTransitionType.

captionPosition = BELOW_IMAGE or BELOW_THUMBS or BOTTOM or OVERLAY -> old caption area fades out
captionPosition = OVERLAY_IMAGE -> old caption area disappears instantly

imageTransitionType = CROSS_FADE -> new caption area appears instantly
imageTransitionType = FADE -> new caption area fades in

If you want your caption area to fade in and out, then set captionPosition to BELOW_IMAGE or BELOW_THUMBS or BOTTOM or OVERLAY and imageTransitionType to FADE.

Otherwise, to make the caption area transitions less noticeable, try setting your captionBackColor="rgba(0,0,0,0)" (transparent) and set the caption text to a contrasting color (such as black).

4,181

(1 replies, posted in Juicebox-Pro Support)

The FAQ states that Juicebox-Pro can only be installed on three computers, does this limit also apply to Juicebox Builder Pro?

Yes. A single Juicebox-Pro license allows you to install JuiceboxBuilder-Pro (the application which comes with Juicebox-Pro) on up to 3 computers.

If there is a limit, is it possible to uninstall Juicebox Builder from one machine and then install it onto another computer?

Yes. As long as you have JuiceboxBuilder-Pro installed on no more that 3 computers at any one time, this would be within the terms of the license and would not be a problem.

4,182

(8 replies, posted in Juicebox-Pro Support)

As iWeb creates both your main page and the page containing the iframe, it should be possible for both these pages to use the same Doctype Declaration. Unfortunately, I am not familiar with iWeb but their own support pages should be able to help you with this.

You can correct the validation error in your iframe code by changing:

<iframe src= 
http://www.scatturando.it/Gallerie/panorami/index.html
style="width:1200px; height:900px; 
border-color:#990033; 
border-style:solid; 
border-width:0px" 
scrolling="yes" > 
</iframe>

... to:

<iframe src="http://www.scatturando.it/Gallerie/panorami/index.html" width="1200" height="900" frameborder="0" scrolling="no"></iframe>

(Use double-quotes around the 'src' attribute.)

With Internet Explorer 10, the gallery is not displayed.

I have viewed your gallery in IE11 and it displays (though with problems which may be due to the use of the iframe, the widget code and the differing Doctypes used).

Do you see the flashing problem when viewing the gallery on its own web page? http://www.scatturando.it/Gallerie/panorami/index.html
If so, what browser(s) so you see this flashing problem in?

4,183

(7 replies, posted in Juicebox-Lite Support)

No problem.

A quick tip...
The next time you update your Java installation, download it manually from the Java developer's website (choose JRE - Java Runtime Environment) rather than from java.com. The downloads from this area are not bundled with any additional third-party software.

4,184

(7 replies, posted in Juicebox-Lite Support)

I do not know where your ASK Toolbar came from but it did not come from the Juicebox-Lite download zip package from the link on our own download page.

If you would like to check the integrity of the file you downloaded, the Juicebox-Lite v1.3.3 file should have the following properies:

Filename: juicebox_lite_1.3.3.zip
Filesize: 1,721,498 bytes
SHA1: 4cfdd4d1d525f6982f5c20b1e40210788eda17ff

You can check the SHA1 hash of your file using a program such as HashCalc.

If your file does not match the information above, try downloading it using a different browser (Firefox, Internet Explorer, Chrome, Safari, Opera). Perhaps your browser has been hijacked and your web browsing has been compromised. Please see this web page for further details.

Please note that uninstalling and then reinstalling JuicboxBuilder-Lite will not remove the ASK Toolbar as JuicboxBuilder-Lite has nothing to do with the ASK Toolbar.
Try a web search with terms such as 'remove ask toolbar' or 'uninstall ask toolbar'. There are many web sites with instructions on how to do this.

4,185

(1 replies, posted in Juicebox-Pro Support)

If you would like your main images to be displayed larger in your gallery, then try one of the following suggestions:

(1) Change imageScaleMode from its default value of SCALE_DOWN to SCALE (so that your images are scaled up to fit within the image area).

(2) Make your images larger. Currently, the first image in your gallery is 640 x 427. When imageScaleMode="SCALE_DOWN" (the default setting), large images are scaled down but small images are not scaled up (as their quality would be reduced). You may need to change your WordPress image size options in the 'Dashboard -> Settings -> Media' section or upload larger images (if your original images are currently 640 x 427).

4,186

(8 replies, posted in Juicebox-Pro Support)

What browser(s) and/or device(s) do you see this flash in?

Try viewing your gallery on its own web page to see if the problem still occurs: http://www.scatturando.it/Gallerie/panorami/index.html

The problem may be related to the code on your main page and the method by which your gallery is embedded.
Your gallery is loaded into an iframe on this web page which contains HTML errors: http://www.scatturando.it/Scatturando/G … arkup.html
The entire iframe page is then used as a widget in your main page .

All three pages use different Doctype Declarations (the gallery page uses HTML 5, the iframe page uses HTML 4.01 Transitional and your main page uses XHTML 1.0 Transitional).
Try using the same Doctype Declaration on all pages (I would recommend using HTML 5) and fix the HTML errors on your iframe page. (You can check the code on the web page with the W3C Markup Validaion Service.)

Here are a few other things you could try:

  • Try reducing the filesize of your images to speed up the loading process. Your images are currently approximately 400KB each. For web gallery use, you could perhaps reduce the quality a little and have the filesize reduced to approximately 150KB each.

  • Try changing the imagePreloading configuration option from the default value of PAGE to NEXT (to preload only the next image in the gallery). Currently your gallery can have as many as 20 thumbnails displayed (depending on the width of the user's browser window) and the gallery can be preloading as much as 8MB of data when the gallery is initially displayed.

  • Alternatively, try reducing the value of maxThumbColumns (which will reduce the amount of data initially being preloaded if you choose to use imagePreloading="PAGE").

  • Try using a different imageTransitionType (SLIDE, FADE, CROSS_FADE, NONE).

For reference, descriptions of the imagePreloading and imageTransitionType configuration options can be found in the Main Image Options section of the Config Options page.

4,187

(12 replies, posted in Juicebox-Pro Support)

@gfs

The C:\Program Files (x86)\JuiceboxBuilder-Pro\template\index.html file will be overwritten when installing a new version of JuiceboxBuilder-Pro.

There may be changes to the 'index.html' template file between versions so I would recommend adding your Google Analytics code to each new version (it should take just a couple of minutes to copy and paste the code) rather than to save the old 'index.html' file.

4,188

(7 replies, posted in Juicebox-Lite Support)

Juicebox-Lite should be downloaded from our own web site using the download link on this web page: http://www.juicebox.net/download/
This will ensure that your copy of Juicebox-Lite is up-to-date and clean.

We do not bundle (and have never bundled) the ASK Toolbar or any other third-party software with Juicebox-Lite.

The ASK toolbar may have come from a different program (did you install any other software on the day that you installed JuiceboxBuilder-Lite?) or you may have downloaded Juicebox-Lite from a different source.
Where did you download Juicebox-Lite from?

(Incidentally, the ASK Toolbar should have an uninstall entry in the 'Control Panel -> Uninstall a program' section.)

4,189

(9 replies, posted in Juicebox-Pro Support)

All the sharing icons and other icons appear overlapped.

This is a known problem which has already been addressed and will be fixed in the next version of Juicebox.

Forcing Large Screen Mode for all browsers and devices is, indeed, a compromise (which is why Juicebox usually defaults to using Small Screen Mode on small screen mobile devices).
Unfortunately, Juicebox has not been designed to do what you want it to do (show the Back Button on the Small Screen Mode thumbnail pages).

If you link directly to your gallery (as you currently do), the user can always use the browser's own back button to return to the original web page.
However, if you were to embed your gallery directly in your web page (rather than just use a link to the gallery's index page), a Splash Page would be displayed (in Small Screen Mode) and when the Splash Page is clicked or tapped, the gallery would open in a new page (like a link). However, the difference in this scenario is that there would be a 'Close Gallery' button on both the thumbnail pages and the main image pages which would take the user back to the original web page.

Maybe could be interesting to link the gallery title back home

Ordinarily, you would be able to make a Gallery Title into a link by using HTML formatting as described in this FAQ:
How do I add HTML formatting to the Gallery Title or Back Button?
However, there is currently a bug whereby a Gallery Title is not clickable in a Small Screen Mode thumbnail page.
I have logged a bug report with the developers and this should hopefully be fixed in the next version.

With Showkase is the same?

Juicebox galleries function exactly the same whether they are embedded in Showkase pages or any other web pages.
However, Juicebox galleries are embedded into Showkase pages (rather than just linked to), so when a gallery is opened from a Splash Page, there will always be a 'Close Gallery' button visible (on both the thumbnail pages and the main image pages) to take the user back to the original web page.

4,190

(7 replies, posted in Juicebox-Pro Support)

@leaminshull

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

4,191

(2 replies, posted in Juicebox-Pro Support)

Try creating an .htaccess file containing the following code and upload it to your website's root directory. (Please note that this requires an Apache web server.)

<IfModule mod_headers.c>
Header set Cache-Control "no-transform"
</IfModule>

This should prevent content modification on your site when visitors view your galleries over a 3G connection.

You could also contact your 3G provider to see if it is possible for content modification to be turned off on your account (although this will help only when you view other people's galleries and will not solve the problem of other people viewing your own galleries over their own 3G connections, which the solution above tackles).

4,192

(9 replies, posted in Juicebox-Pro Support)

Yes but the problem is that when a user is in the main thumbs page, he cannot go back to the menu page where he can choose among the galleries.

This is why I suggested preventing the thumbnail page from being displayed (so that problem never arises).
I realise that you may not want to do this but there is currently no way to have the Back Button displayed on the thumbnail page in Small Screen Mode.
If you would like to suggest this for a future version of Juicebox-Pro, please post it in the Feature Request thread. (It keeps all the suggestions together and ensures that they are not overlooked.)

One possible workaround would be to set screenMode="LARGE" (in JuiceboxBuilder's 'Customize -> General' section) to force the gallery to be displayed in Large Screen Mode in all browsers and on all devices. The Back Button will always be visible. (The thumbnails will be displayed on the same page as the main images but users can toggle the thumbnails on and off using the Thumbnail Button on the Button Bar.)

OK, no problem.
Thanks for letting me know.
(It should work fine, though. I've tested it myself.)

Unfortunately, I do not have a 3G connection/device on which to test but your menu and galleries display and function OK on my iPod Touch 4 iOS 6.1.3 (over a Wi-Fi connection) and also in desktop browsers (Firefox 25.0.1, IE11, Chrome 31, Safari 5.1.7 and Opera 17.0).

The problem is likely to be due to your gallery being loaded on your web page as soon as the page is displayed but the container for the gallery not being visible/displayed until the 'Photo Gallery' tab is selected and so Juicebox (when it is loaded) cannot determine what its size should be.

Try changing your gallery's dimensions from percentages to absolute pixel values to see if this makes a difference.
If it works but you would rather keep percentage dimensions, try loading the gallery on demand (rather than when the page is initially displayed).

Change your embedding code to the following:

<!--START JUICEBOX EMBED-->
<script src="h_i_slide/jbcore/juicebox.js"></script>
<script>
    function loadGallery() {
        new juicebox({
            containerId : "juicebox-container",
            baseUrl : 'h_i_slide/',
            galleryWidth: "100%",
            galleryHeight: "100%",
            backgroundColor: "rgba(252,242,204,100)"
        });
    }
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

... and change line 237 from:

<li class="TabbedPanelsTab" tabindex="0"><a href="#gallery">Photo gallery</a></li>

... to:

<li class="TabbedPanelsTab" tabindex="0"><a href="#gallery" onclick="javascript: loadGallery(); return true;">Photo gallery</a></li>

Yes. That should be fine.

4,197

(3 replies, posted in Juicebox-Pro Support)

I am unable to replicate the problems you describe in test galleries of my own so the problems may be related to the non-gallery code on your web page.

Here are a couple of things to try which may help:

  • Try completely clearing your browser caches to ensure that your browsers are fetching and using the most recent versions of your gallery files from your web server.

  • If you want to keep expandInNewPage="TRUE", try setting useFullscreenExpand="FALSE" to see if this makes a difference.

  • Try checking the HTML code on your web page with the W3C Markup Validation Service and fix the errors reported. (There are currently over 300 errors reported but many are duplicates of others and it should hopefully not take too long to go through the list).

  • Your web page loads an old version of jQuery (v1.7.2). Try upgrading this to the current stable version (v1.10.2) and update any other out-of-date external JavaScript files. (If there is a conflict between one of your web page's JavaScript files and the 'juicebox.js' file, then updating the files in question may help.)

Even if these suggestions do not completely solve your problems, it would be wise to fix the errors on your web page and update the external JavaScript files. Once these have been done, we can eliminate them from the problem.

If the problem persists, then to check for a possible conflict between one of your web page's JavaScript files and the 'juicebox.js' file, try removing all the external JavaScript files from your page to see how the gallery reacts and then reintroduce them one-by-one until you find the source of the problem.

If you apply a large enough z-index to the <div class="header" role="banner"> container, your menu should work OK.
Try changing line 34 on your web page from:

<div class="header" role="banner">

... to:

<div class="header" role="banner" style="z-index: 9999;">

(Results from testing suggest that a 'z-index' value of anything over 500 should work OK.)

4,199

(6 replies, posted in Juicebox-Pro Support)

There are a couple of things you can do to speed up the initial loading of a gallery:
(1) reduce the file size of your images (by reducing either their resolution or quality), or...
(2) change the imagePreloading configuration option (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) from the default value of PAGE (which preloads all images on the current thumbnail page) to NEXT (which preloads only the next image in the gallery).
(There are other factors, such as the speed of your web server and internet connection, which you essentially have no control over.)

4,200

(9 replies, posted in Juicebox-Pro Support)

In Small Screen Mode, the navigation buttons on the thumbnail page navigate between thumbnail pages (rather than main images). When a thumbnail is selected, the corresponding main image is displayed and the navigation buttons then navigate between main images.

In Small Screen Mode, the Back Button (and Button Bar) are displayed only on main image pages (not on thumbnail pages).
When you link to your galleries, you can initially skip the thumbnail pages in Small Screen Mode by setting showSmallThumbsOnLoad="FALSE".
Further to that, you could prevent the user from ever entering a thumbnail page by setting showSmallThumbsButton="FALSE"
Both of these configuration options can be found in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section.

For more information on Screen Modes and how Juicebox adapts to different devices and screen sizes, please see here.