3,376 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Lite Support)

I like to know if it's possible to do a carousel slider, that when we click to a photo we go to a different webpage.

This is possible in Juicebox-Pro but not in Juicebox-Lite (the free version) by setting imageClickMode="OPEN_URL" and assigning URLs to the images via the linkURL entries on JuiceboxBuilder-Pro's 'Images' tab.

Can we also setup the image/page start in the slider?

I'm not quite sure what you mean but it sounds like you might want to use a Splash Page.
The Splash Page is a placeholder for the gallery which, when clicked, will open the gallery fullscreen.
Please see this sample gallery for a demonstration.
For more information about the Splash Page, please see here.
The Splash Page can be configured using these (Pro-only) configuration options. With Juicebox-Pro, you can force the Splash Page to always be displayed by setting showSplashPage="ALWAYS".

However, if all you want to do is choose the first image in your gallery, you can order the images in exactly the order you want on the 'Images' tab of JuiceboxBuilder-Lite (by dragging and dropping each thumbnail into a new position).

Go to forum: Juicebox-Lite Support

3,377 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Lite Support)

Yes. If you are creating your gallery with JuiceboxBuilder-Lite v1.4.2, the Gallery Title (from the 'Customize' tab) will be displayed in the browser's tab.
Otherwise, you can edit the gallery's HTML index page in a plain text editor and change the contents of the <title> tag in the <head> section.

Go to forum: Juicebox-Lite Support

3,378 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Lite Support)

Our demo galleries function very similarly in Safari 5.1.7 as they do in other browsers on my own PC.

If you are referring to the smoothness of the slide transition, then this may vary slightly from browser to browser and may also be somewhat dependent on the computer hardware being used. The fact that you are also loading the gallery in a virtual machine may also be a contributing factor.

One possible thing that can be done to maximize the smoothness of the transition is to ensure that imagePreloading="NEXT" (Juicebox-Pro only) or imagePreloading="PAGE" (default setting used by Juicebox-Lite) so that the next image in the gallery is already preloaded by the browser and ready to be displayed when selected by the user.
(Most of our demo galleries already use such settings but I thought I should point it out for anyone creating their own galleries and currently setting imagePreloading="NONE".)

Please also bear in mind that Safari is no longer being developed by Apple for PC and Safari v5.1.7 is now over two years old.
As you have noticed, modern browsers seem to provide a smoother image transition and I would recommend using a browser which is actively being developed (Chrome, Firefox, Opera, Internet Explorer).

Go to forum: Juicebox-Lite Support

3,379 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

when I maximize the browser on an iPad I still see the tool bar and menu.

Just to clarify, maximizing the browser will not, by itself, cause a gallery to go fullscreen (or full browser).
You will need to either click on a gallery's Splash Page or Expand Button to expand the gallery.

Actually I am also using an other provider, SlideshowPro, and their slideshow run on Safari in full screen.

I do not know how SlideShowPro generates a fullscreen effect in Mobile Safari.
According to the website I linked to above, Mobile Safari does not support the Fullscreen API.
As far as I am aware, the only way to hide the Mobile Safari toolbars on an iPad is to add the web page to the home screen (as in my previous post).

Try using another browser such as Chrome to see what difference this makes.

This forum thread regarding hiding the toolbars in Mobile Safari may be of interest (although it is not directly related to the iPad).

Go to forum: Juicebox-Pro Support

3,380 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Enter your Flickr details (the same ones you use for your gallery) into the Flickr API Explorer.
The photo ids will be returned (along with other data) in the results box at the bottom of the page.

Go to forum: Juicebox-Pro Support

3,381 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

Mobile Safari does not support the Fullscreen API (which is used to expand a gallery fullscreen rather than just full browser). (A list of browsers which currently support the Fullscreen API can be seen here.)
On an iPhone (for example), the size of the browser window cannot be changed so the gallery is only actually expanding within the browser (but looks to be going fullscreen due to the browser window filling the screen).
If you maximize your browser window on your iPad and expand your gallery, it should look similar to the way it displays on an iPhone.

Also, you could try saving a bookmark of your gallery's web page to your home screen (load the web page in Mobile Safari, click the arrow icon on your browser's toolbar and select 'Add to Home Screen'). A new bookmark icon to your gallery's web page will be created on your Home Screen and clicking the icon should run the gallery as fullscreen as possible.

Go to forum: Juicebox-Pro Support

3,382 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

The problem seems to be originating from the following CSS in your '51924fc4b1f57.css' file (specifically line 6 - height: auto !important;):

img, video, .wp-caption {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    height: auto !important;
}

These CSS rules are applied to all images on your web page, including those in your Juicebox gallery. Juicebox has no option but to inherit such generalized CSS rules.

Try removing this code (or applying the CSS rules to only those elements on your web page which require them through use of CSS selectors) and your Juicebox gallery's imageScaleMode should work as expected.

Go to forum: Juicebox-Pro Support

3,383 Reply by Steven @ Juicebox

(9 replies, posted in Juicebox-Pro Support)

Your gallery's code and files remain constant and in an ideal world, everyone should be able to see exactly the same thing when they view your web page.
If certain users are unable to see certain images in your gallery (in an unpredictable manner), then it sounds like their browsers may be timing out before being able to complete the loading of an image. The variables in the equation are the web server the gallery is hosted on, the user's internet connection and the route that the data takes to get from one place to another.
The only thing you may have any control over in such a scenario is your own web server so perhaps you could increase the server timeout values to see if this helps. Your web host might be able to help you with this if it is at all possible.
Also, try setting imagePreloading="NEXT" (rather than PAGE) to reduce the load on the user's browser when the gallery is initially loaded. (You may already be using this value but I cannot currently log in to see your galleries and check.)

Go to forum: Juicebox-Pro Support

3,384 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Elements within a gallery cannot be selected. This is by design to prevent areas of the gallery being highlighted with a blue overlay by the browser when a user clicks throughout the gallery.

One possible solution to the problem might be to display the current image's title and/or caption in a container outside the gallery using the Juicebox-Pro API (specifically the onImageChange() event and the getImageInfo() method). Here is an example. Just create a sample gallery with JuiceboxBuilder-Pro and use the code below as the gallery's HTML index page.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Juicebox-Pro Gallery</title>
    <meta charset="utf-8" />
    <meta name="viewport" id="jb-viewport" content="minimal-ui" />
    <style type="text/css">
    body {
        margin: 0px;
    }
    </style>
</head>
<body>
    <!--START JUICEBOX EMBED-->
    <script src="jbcore/juicebox.js"></script>
    <script>
    var jb = new juicebox({
        containerId: 'juicebox-container',
        galleryWidth: '600',
        galleryHeight: '400'
    });
    jb.onImageChange = function(e) {
        var index = e.id;
        var info = jb.getImageInfo(index);
        var title = info.title;
        var caption = info.caption;
        document.getElementById('text').innerHTML = title + '<br />' + caption;
    };
    </script>
    <div id="juicebox-container"></div>
    <div id="text"></div>
    <!--END JUICEBOX EMBED-->
</body>
</html>

The current image's title and caption are displayed in a container below the gallery (as well as within the gallery itself) and can be selected from this container.

Go to forum: Juicebox-Pro Support

3,385 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

As you have noticed, this will not work when you use a baseUrl.
The linkURLs were designed to be genuine URLs and Juicebox was not designed to run JavaScript instead.
This takes advantage of the ability to run Javascript from a hyperlink as follows:

<a href="javascript: run_function();">Content</a>

If you use a baseUrl, Juicebox will prepend it to the 'href' attribute in the dynamically generated hyperlink resulting in a broken JavaScript call.
There is nothing that can be done to circumvent this behavior. The only way it will work is if you do not use a baseUrl.

Go to forum: Juicebox-Pro Support

3,386 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

it seems like since they are creating them they would have some way

Unfortunately, this is not always the case. Not all features of Flickr are available via their API.
However, although there is no indication on the page I linked to in my post above that their API supports the Large 1600 and Large 2048 sizes, I have entered a Photo Id into the flickr.photos.getSizes Flickr API Explorer and it returns the two new sizes with size identifiers '_h' (for Large 1600) and '_k' (for Large 2048) so it looks like it might be possible to request these sizes via their API. (The current size identifiers of Medium, Large and Original are '_m', '_l' and '_o' respectively.)

Perhaps you could suggest this for a future version of Juicebox in the Feature Requests forum thread.
I do not know for sure if it is possible and whether or not the developers will incorporate it into a future version but posting there keeps all the feature requests together and ensures that they are not overlooked.

Thank you.

Go to forum: Juicebox-Pro Support

3,387 Reply by Steven @ Juicebox

(15 replies, posted in Juicebox-Pro Support)

@ rsmith4321

Firefox and Internet Explorer are not affected by this bug so you could use either of these browsers to edit existing galleries.
Alternatively, you could edit the plugin's 'edit.js' file (as noted in my post above) and then you could continue to use Chrome.

Go to forum: Juicebox-Pro Support

3,388 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

I am glad that all is working again for you.
I will ensure that all fixes are incorporated into the next version of WP-Juicebox.
Thank you very much for reporting back.

Go to forum: Juicebox-Pro Support

3,389 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

According to this Flickr help page, there are no sizes between large and original which can be accessed by the Flickr API.

Do you have any information (links to any web pages) which reference the new sizes you refer to?

The only sizes which can currently be displayed by a Juicebox-Pro gallery are: MEDIUM, LARGE and ORIGINAL (as noted in the Flickr configuration options).

For Juicebox to be able to display any new sizes, Flickr would have to allow access to them via their API and Juicebox would have to be updated to handle them.

Go to forum: Juicebox-Pro Support

3,390 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Yes. The Expand Button is automatically disabled when a Juicebox gallery is loaded into a frame or an iframe.
This is noted in '2) Using an iframe' in the 'Using an External Gallery Folder' support section here.
The only way around this would be to embed the gallery directly into your web page following the standard instructions here or the baseUrl instructions here.

Go to forum: Juicebox-Pro Support

3,391 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

but the image itself is missing

Please see this FAQ:
My images show locally, but not when I upload them to my website. Why?

Please also check the permissions of the 'images' folder and the image files themselves on your web server with an FTP program. Default permissions of 755 for folders and 644 for files should be fine.

i can't navigate using keyboard

Please ensure that enableKeyboardControls="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> General' section).

or mouse clicks

This sounds like you may have an element on your web page obscuring (stacked on top of) your gallery rendering the controls inactive. Please check the CSS of your web page with your browser's developer tools (usually F12) to see if this may be the case.

As you have several problems, please also try re-uploading the entire Juicebox-Pro v1.4.2 'jbcore' folder to your web server to ensure that all core Juicebox files are present and correct in case something happened during the initial upload resulting in a corrupt or missing file.

Also, try clearing your browser's cache before reloading your gallery to ensure that your browser is fetching and using the most recent gallery files from your web server.

If you continue to experience difficulties, please let me know and I will send you an email address where you can provide me with the URL to your gallery so that I can take a look for myself and help further.

Go to forum: Juicebox-Lite Support

3,392 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

If you would like to disable the drop-shadow on the main images in your gallery, then set imageShadowBlur="0" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).

Go to forum: Juicebox-Pro Support

3,393 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

Many thanks for the screenshots.
I have passed them on to the developers.

Go to forum: Juicebox-Pro Support

3,394 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

Also, I attempted to do that change in the Pro options, I could enter the text OK, but when I saved the option, it is not saving. The Save and cancel buttons both get a little opaque. Even waiting for minutes, the option to save or cancel does not become clickable again. I then refresh the screen and get the same situation.

There is currently a bug which affects WebKit browsers (such as Chrome and Opera) whereby edited values are not saved. The bug will be fixed in the next version of WP-Juicebox but in the meantime, a quick and easy fix is to open the 'wp-juicebox/js/edit.js' file in a plain text editor and remove lines 9, 10 and 11:

jQuery('input', '#jb-edit-action, #jb-set-action').click(function() {
    jQuery('input', jQuery(this).parent()).prop('disabled', true);
});

This will not affect the functionality of WP-Juicebox.
Alternatively, you can edit a gallery from the 'Manage Galleries' page using either Firefox or Internet Explorer.

There are only two known bugs in the current version of WP-Juicebox and, as a Picasa Web Album and WebKit browser user, it is unfortunate that your scenario has uncovered both of them. Please be assured, though, that we aim to fix all known bugs

... it is not showing.

Your gallery certainly displayed OK when I tried it yesterday.
However, it does not seem to be working at the moment.
The problem seems to be with either the creation of the creation of the XML file on your web server or the fetching of the images URLs from your Picasa Web Album.
If I try to open your gallery's XML file (which is created dynamically by a PHP file) directly in a browser, the XML data is never displayed (although it displayed OK yesterday): http://malibu-gates.com/wp-content/plug … llery_id=2

Please try uploading this version of WP-Juicebox [File removed.] to your 'plugins' folder.
It contains fixes for both bugs (the Picasa Web Album not displaying at all and the inability to edit a gallery in WebKit browsers) and also bypasses a routine which checks the suitability of images returned by Picasa for a Juicebox gallery which should speed up the XML file creation process.
There is no 'jbcore' folder in this zip file so you can upload the entire contents to your 'plugins' directory (and allow it to overwrite all existing files) and it will not overwrite your current 'jbcore' folder.

You might also like to try creating a test gallery using the Picasa User Id "picasateam" and the Picasa Album Id/Name "VegasWeekend" (a small test Picasa Web Album with 14 images) to see if this displays OK.

Go to forum: Juicebox-Pro Support

3,395 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

It looks like Google have changed their Drive interface and the 'Preview' button to generate a URL for the gallery's 'index.html' page is no longer displayed on the toolbar.

Please see this Google forum thread relating to this issue.

Try one of the following to get the required URL to use in your iframe:

Method #1:
(1) In a web browser, log into your Google Account.
(2) Open Drive.
(3) Make sure that you are using the old Drive by clicking on the 'cog' icon and selecting 'Leave the new Drive' (if necessary).
(4) Open your gallery folder.
(5) Select the checkbox next to the gallery's HTML index page.
(6) Make sure the 'Details/Activity' side pane is open (by clicking on the 'info' icon if necessary).
(7) Click 'Details' (rather than 'Activity).
(8) Scroll down to the 'Hosting' section.
(9) Copy the URL displayed.

This screenshot should hopefully make things a little clearer.

Method #2:
Alternatively, you could build the required URL manually as follows:
(1) Start with a base of https://googledrive.com/host/
(2) Add the Folder ID. Open the gallery folder in Drive in a browser and copy the ID from the URL in the browser's address bar. It will look something like this: 0BxXHNif2h4NRcmxHOW9lUDBWWTQ
(3) Add a slash ('/') to the URL.
(4) Add the name of the gallery's index page.
You will end up with a URL which looks like: https://googledrive.com/host/0BxXHNif2h4NRcmxHOW9lUDBWWTQ/index.html
If Google do not reinstate the 'Preview' button soon, I will ensure that the instructions on our web site are updated accordingly.

Go to forum: Juicebox-Lite Support

3,396 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

@come_paglia

Yes. If you want to add common embedding code settings (stored in a file named 'extra.php'), then you can essentially follow the same procedure as above.

(1) Change the file extension of the page containing your gallery's embedding code from .htm or .html to .php.

(2) Use embedding code such as the following:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js" type="text/javascript"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        <?php include 'extra.php'; ?>
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

(3) Your 'extra.php' file might look something like this:

galleryWidth: "600",
galleryHeight: "400",
backgroundColor: "rgba(255,255,255,1)",
stagePadding: '20',
useThumbDots: "TRUE"

Go to forum: Juicebox-Pro Support

3,397 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

I am glad that you have both been able to implement my solution and that it works OK.

@philcarcassonne

In answer to your other question:

When is the new update will be ready?

I do not know when the next version of Juicebox will be released.
If you would like to be notified when new versions are released, then please join our mailing list at the foot of our homepage, follow us on Twitter @JuiceboxGallery or subscribe to our blog RSS feed.

Go to forum: Juicebox-Pro Support

3,398 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

Thank you for checking the demo galleries on your device.
I have notified the developers of both these issues and hopefully they will be fixed in a future version.

It looks like the first problem (the caption area spilling over outside the browser window) may be due to setting thumbNavPosition="BOTTOM" (in JuiceboxBuider-Pro's 'Customize -> Thumbnail' section) and the space required for the thumbnail navigation arrows below the thumbnails not being taken into account in the gallery layout. Try setting thumbNavPosition="CENTER" to see if this helps.
Another possible workaround until the bug is fixed might be to increase the maxCaptionHeight (in JuiceboxBuilder-Pro's 'Customize -> Caption' section).

With regard to the second problem  (the thumbnails increasing in size when closing an expanded gallery for a second time), could you perhaps take a couple of screenshots of our Simple demo gallery (before and after the issue occurs) to illustrate the problem. (I do not have Galaxy Pro 10.1 on which to test.) Thank you.
Unfortunately, I do not think that there is an easy workaround for this problem.

Go to forum: Juicebox-Pro Support

3,399 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

Ok, that did not work. It did clear the Error message and give it a complete dark background, but there are not any images available.

I have just viewed your web page at http://malibu-gates.com/test and your gallery now displays and functions fine so it looks like the fix has worked.
If you do not see the gallery on your web page in your own browser, then please 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.

Your gallery initially took a little while to display, though. This is likely to be due to the fact that your gallery is fetching 307 images from your external Picasa Web Album. In order to speed up the loading of your gallery, you could try the following:
(1) Split your large gallery into several smaller galleries.
(2) Host the images locally (on the same server as the gallery).
(3) Try setting imagePreloading="NEXT" (in the Pro Options text area) so that only two images (rather than all the images on the first page of thumbnails) are initially preloaded by the browser.

I think it has been a couple days... so far no response in regards to the download links being reset for me.

Download link requests can take up to 3 business days (not weekend days) to process. If this time frame has passed since you first filled in the Download Link Request Form, then please try filling it in again. (I do not have access to transaction records or the ability to generate download links, otherwise I would happily do so for you.)

Go to forum: Juicebox-Pro Support

3,400 Reply by Steven @ Juicebox

(8 replies, posted in Juicebox-Pro Support)

Width looks ok like this but the bottom half of the caption is still out of screen.

Try viewing the gallery on a web page of its own (a Gallery Index Page created by JuiceboxBuilder-Pro without any of your 'wrapper' code) to see if the same thing happens.

Also I noticed another little problem with the caption : caption does not display when the gallery is first displayed (only comes back when another image is displayed) if showSmallThumbsOnLoad is set to false.

Unfortunately, this is a known bug (caption initially hidden when setting captionPosition="BELOW_THUMBS" and showSmallThumbsOnLoad="FALSE"). However, the developers are aware of this issue and it should hopefully be fixed in a future version. In the meantime, possible solutions might be to:
(1) Set captionPosition to a value other than BELOW_THUMBS.
... or:
(2) Set showSmallThumbsOnLoad="TRUE" but also set firstImageIndex="1" so that the gallery skips the thumbnail page in Small Screen Mode and initially displays the first image in the gallery.

One last little thing : gallery appears wrong when coming out of expanded mode on retina displays : thumbs seem to have be enlarged a second time.

Do you see this problem in any of our own demo galleries here?
What device and browser are you seeing this problem in?

Go to forum: Juicebox-Pro Support