3,501

(4 replies, posted in Juicebox-Pro Support)

I have viewed your web page in Chrome and Mobile Safari on an iPod Touch 4 and both your galleries expand from their respective Splash Pages and function fine in both browsers.

Perhaps you could explain in greater detail what you are seeing (and what you expect to see) so that I can help further.
If possible, please upload a screenshot somewhere (and provide a link) so that I can see what you are seeing .
Also, please let me know what device and version of iOS you are using.

In the meantime, try clearing your browser's cache before reloading your web page to see if this makes a difference.

In order to open an existing gallery in JuiceboxBuilder-Pro, you need to click 'Open Gallery...' (or 'Gallery -> Open...' from the drop-down menu at the top) and then navigate towards and select the gallery folder itself (not a file) before clicking 'Select Folder'. The gallery folder is the folder which contains the gallery's XML file and the gallery's XML file must be named 'config.xml' (if you have renamed or moved this file, the gallery will not be able to be opened by JuiceboxBuilder-Pro.)

3,503

(1 replies, posted in Juicebox-Pro Support)

Thank you for reporting these two bugs.
I have notified the developers and hopefully they will be fixed in the next version of Juicebox.
In the meantime, one possible workaround would be to set showInfoButton="TRUE". The overlay would still be able to be toggled on and off by the user but the hit area would be much smaller (the Info Button on the button bar instead of the entire mobile device screen) and this should also solve the problem with the missing image navigation buttons when the overlay is toggled back on (which could also be solved by setting imageNavPosition="STAGE").

Thank you for reporting this problem.
It looks like a bug and, unfortunately, there is no workaround that I am aware of (other than to not set randomizeImages="TRUE").
I have notified the developers and hopefully this can be fixed for a future version.

3,505

(3 replies, posted in Juicebox-Lite Support)

If you have found a workflow that works for you (and results in a gallery with your images oriented correctly) then I would recommend that you continue using it.
As you have discovered, the rotation functionality within JuiceboxBuilder is available for individual images only (and not for a selection of images).
Also, as you suspect, different camera and mobile device manufacturers have been known to signify similar orientations with different (incorrect) EXIF orientation values. This can lead to further confusion and problems when dealing with such data.
Please post any suggestions for future versions of Juicebox, in the Feature Requests forum thread. This keeps them all together and ensures that they are not overlooked. Thank you.

3,506

(3 replies, posted in Juicebox-Lite Support)

Some imaging programs such as Adobe Photoshop have the ability to read the EXIF orientation flag and display the image in the orientation specified by the flag but other programs (such as JuiceboxBuilder-Lite) do not read EXIF information and just display the image as it is.
Unfortunately, there is little consistency, even between different web browsers.
If you are having problems with the orientation of a specific image and view it directly in Mozilla Firefox, (if you drag and drop the image into an open tab or window), you will likely see your image displayed in a different orientation than if you were to open the same image in Google Chrome.

Unfortunately, no matter what decision is taken regarding EXIF orientation (whether or not to use it at all and, if using it, how to interpret it) there seems to be no single solution which will work for everyone.
This link (whilst a little out of date now) certainly makes for interesting reading.

The only way to ensure that your images will be displayed as you expect in all browsers and programs would be to strip the EXIF information from the images (by re-saving the images in an imaging program and choosing not to keep the EXIF information) and then rotate your images until they visibly look correct.

However, JuiceboxBuilder-Lite does have the ability to rotate images on the 'Images' tab (see the 'Rotate' arrow near the lower-right corner of the screen in the first screenshot on this page) so you can rotate images within JuiceboxBuilder-Lite without the need to re-save them without the EXIF information first.

I hope this helps.

The # anchor links that Juicebox uses are dynamic and do not correspond to actual # sections within the web page.
For example this URL http://www.example.com/gallery/#4 would link directly to the 4th image in the gallery but there is no actual '#4' entry on the web page. (Juicebox's 'juicebox.js' JavaScript file reads the URL, figures out what the #4 means and displays the image dynamically.)
The way this works is the same whether sharing is enabled or enableDirectLinks="TRUE".
For this reason, I think it is unlikely that Google would be able to index and list individual images in a gallery, each with its own unique URL.
I think the best that you could do would be to ensure that you include SEO content in your web page and have your images indexed by Google but all pointing to the gallery page.

3,508

(1 replies, posted in Juicebox-Pro Support)

*Try as I might, I haven't been able to get any navigation buttons to show up on the Stage. I've toggled everything I can think of and nothing's happening.

If you set imageNavPosition="STAGE", then the image navigation buttons will be positioned relative to the stage (regardless of the size and position of the image). However, if the image is large enough (and of the correct aspect ratio) to cover most of the image area within the gallery, then the image navigation buttons may be stacked on top of the image. Space is not reserved for the navigation buttons. You could perhaps compensate for this by increasing the imagePadding (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).

*When I have thumb dots and transition set to slide, clicking a thumb dot will result in a fade transition instead of a slide. Is this supposed to happen?

Yes. Sliding works only with adjacent images using the main image navigation buttons. When clicking thumbnails, images fade in and out.

3,509

(1 replies, posted in Juicebox-Lite Support)

It looks like your Flickr User Name may be 'Goran Beg' rather than 'goranbeg'.
Try this instead.

3,510

(2 replies, posted in Juicebox-Pro Support)

It looks like the problem may be with your indexPageName="new index" entry.
Try changing it to indexPageName="new index.html".

3,511

(3 replies, posted in Juicebox-Lite Support)

The problem with your 'thendara' galleries seems to be the text-indent: 5px; entry on line 209 of your http://www.thendara.co.uk/style.css file.
If you remove this line from the .container_12 .grid_3 section of the file, your gallery's navigation arrows should be in their correct positions.

3,512

(3 replies, posted in Juicebox-Lite Support)

It looks like your problem may be caused by some CSS in your 'style.css' file which the Juicebox gallery is inheriting.
On lines 344-351 you have the following code:

body {
    z-index: -100;
    font: 12px Arial, Helvetica, sans-serif;
    background-color: #333;
    background-image: url(images/bgrepeat.png);
    background-repeat: repeat;
    text-indent: 5px;
}

The problem seems to be caused by the text-indent: 5px; entry on the body tag.
Try applying this CSS rule to only those elements on your web page which require it (rather than to the body tag) through use of CSS selectors.
This should hopefully solve your problem.

The error you reported above is more of a warning than a problem and is not going to be the cause of a flickering gallery.
It looks like you may have deleted your original post in this thread (it certainly seems to have disappeared).

Does the flickering occur when you view the gallery on its own web page (when you view the gallery's own 'index.html' page inside the gallery folder) or just when the gallery is embedded in your main page?
Also, does your button bar disappear when expanding the gallery from its own web page or just when expanding the gallery from your main page.

If you have any add-ons installed in IE11, try temporarily disabling them to see if this makes a difference.

If you continue to experience difficulties, please explain exactly what the flickering looks like (do images quickly appear and disappear, is it just the main image or the whole gallery) and at what point in the gallery the flickering occurs (when the gallery is initially loaded or at the start or end of an image transition or when clicking a button on the Button Barl).

You will need to upgrade to Juicebox v1.4.2 in order for your Flickr gallery to work.
Please see this Juicebox blog entry for more information.
Details on how to upgrade Juicebox can be found here.

OK. I'm glad everything seems to be working as expected again. Thank you for letting me know.

there is only one image with a link "view gallery", and if one clicks on it, one arrives on a second page with the gallery and the thumbs

What you are describing here is the Splash Page (which is displayed by default in Small Screen Mode or if showSplashPage="ALWAYS"). You can find more information about the Splash Page in the Screen Modes section of the Gallery Tour.

3,516

(3 replies, posted in Juicebox-Pro Support)

I think it is unlikely. Assigning a unique link to each thumbnail in Small Screen Mode would bypass the main image display of the gallery.
It is possible to assign a unique link to each main image in a gallery in both Small Screen Mode and Large Screen Mode (but only one main image is displayed at any one time).
You would set the links in the linkURL text fields (on JuiceboxBuilder-Pro's 'Images' tab) and set imageClickMode="OPEN_URL" (in JuiceboxBuidler-Pro's 'Customize -> Main Image' section).
When the main image in the gallery is clicked (or tapped on a mobile device), the corresponding linkURL will be opened in the user's browser.

If you would like to make a suggestion for a future version of Juicebox, please post in the Feature Requests forum thread. It keeps all the suggestions together and ensures that they are not overlooked. Thank you.

@joaqimb

I have viewed your Boogieboy and Namur galleries in Internet Explorer 11 and I do not see a flickering image and the Button Bar appears at the upper-right corner of the expanded gallery. Everything appears to be working as expected.
If these are not the galleries you are referring to, then please post the URL to the gallery in question and let me know what version of Internet Explorer you use.

The following are general tips which may help with the symptoms you describe but if the galleries I named above are the ones you are referring to, then the problem may be local to your computer or the version of Internet Explorer that you use.

I have the same problem in Internet Explorer. But not in Firefox or Google Chrome.

First of all, please ensure that you are using the latest version of Juicebox-Pro (v1.4.2).
Instructions for upgrading can be found here.

Please see this FAQ, which may help: My gallery looks strange in Internet Explorer 9. Why?

Also, please make sure that your Internet Explorer browser is not displaying your web page in Compatibility View.

Next, check your web page for any HTML errors. You can check the code on your web page with the W3C Markup Validation Service and then fix any errors reported. Once the code on your web page validates correctly, your web page should be rendered with greater predictability and consistency across different browsers.

And for more: when I go to full screen in IE, I loose my buttonbar at the top of the window.

Try one (or more) of the following:

  • Try setting a fully opaque expandedBackgroundColor (such as expandedBackgroundColor="rgba(255,255,255,1)") in JuiceboxBuilder-Pro's 'Customize -> Color' section (set the 'Opacity' value to '1').

  • Try setting expandInNewPage="TRUE" in JuiceboxBuilder-Pro's 'Customize -> General' section.

  • Try changing the useFullscreenExpand configuration option (from TRUE to FALSE or vice versa) in JuiceboxBuilder-Pro's 'Customize -> Lite' section.

3,518

(3 replies, posted in Juicebox-Pro Support)

You can certainly display a grid of thumbnails by forcing Juicebox to display your gallery using Small Screen Mode (by setting screenMode="SMALL" in JuiceboxBuilder-Pro's 'Customize -> General' section).
For more information about Screen Modes, please see here.

However, it is not possible to assign unique links to the thumbnails in a gallery. When you click a thumbnail in Small Screen Mode, the corresponding main image will be displayed.

If you want to reverse the order of images in a Media Library gallery, edit your gallery (on the 'Dashboard -> WP-Juicebox -> Manage Galleries' page) and select either 'Ascending' or 'Descending' (whichever is appropriate) for the 'Image Order'.

The images are ordered by the WordPress 'menu_order' so the images should be displayed in the gallery as they are listed in the 'Insert Media -> Media Library -> Uploaded to this post' display (or in reverse order if selected in the gallery settings).

If you want to reorder images in a gallery (more than just reversing the order), then edit the page or post containing the gallery, click the 'Add Media' button, select 'Insert Media -> Media Library -> Uploaded to this post' and drag and drop the thumbnails into the order you would like them to be displayed in your gallery.

3,520

(1 replies, posted in Juicebox-Pro Support)

Juicebox cannot distinguish between multiple galleries on a single web page using the # to specify a unique gallery on the page as well as share a specific image within a gallery (and the code that deals with this is within the 'juicebox.js' JavaScript file which is packed and obfuscated and cannot be modified).
Unfortunately, I cannot think of a workaround for this (I have tried using query strings and window.location.hash in a test scenario without success).
If you like, you could perhaps suggest this for a future version of Juicebox in the Feature Requests thread.

3,521

(8 replies, posted in Juicebox-Pro Support)

I have taken a look at your web site and have found your gallery's web page.
The problem is that you have entered your embedding code into your Drupal editor as plain text and not as HTML code (and the embedding code is appearing as text on your web page rather than being rendered as actual HTML code by the browser).
You will need to change your editor's 'Text format' (at the bottom of the editor) from 'Plain text' to 'Full HTML' before entering the embedding code.

1. JuiceboxBuilder asks for the index page of the website. Default value: index. html. My site has in index.html page but only by alias for another page. May this be the problem? If so: how can I solve the problem?

This is not the problem (see above) but you can change the name of the page to anything you like (to avoid filename conflicts).
If you are embedding your gallery in an existing web page, then you do not need to use (or upload) the gallery's own 'index.html' file at all. It is used only if you want to display the gallery on a page of its own.
Also, the 'index.html' file will be stored within the gallery folder and if you use a baseUrl, you will upload the entire gallery folder (not just the contents) so there is no chance that the gallery's 'index.html' file will conflict with one of your own 'index.html' files.

2. What is the root directory of the site? 'public_html' or "/".

On your web server, the root directory is 'public_html'.
If you upload a file named 'test.html' to your 'public_html' directory via FTP, then it will be accessible on the web at '/test.html' in one of your web pages.

3. When I use an absolute path "www.sitename.be/Juicebox Namur/...' than a partial link is generated, namely "www.sitename.be/Juicebox". How comes? By evidence this link does not work.

This fails within the forum software because you use a space in your 'Juicebox Namur' folder name (and the forum software sees a space as the end of the path). As long as the paths are correct within your web page, everything should be OK.
However, I would recommend that you use only web-safe characters for files and folders on your web server.
Please see section 2.3 of this document for details.

Characters that are allowed in a URI but do not have a reserved purpose are called unreserved. These include uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde.

3,522

(8 replies, posted in Juicebox-Pro Support)

Please post the URL to your web page so that I can take a lok and help further.
Once I see the code that you are using on your web server, I should be able to determine the cause of the problem.

3,523

(5 replies, posted in Juicebox-Pro Support)

It looks like the root of your problem lies with your external 'parallax.js' JavaScript file.
When it is loaded in your web page, it removes (rather than just hides) the following elements from your web page's Document Object Model (DOM).

story-home
story-live
story-travel
story-explore
story-about
story-contact

Your 'Live' gallery's container ('livecontainer') is within the 'story-live' <section> and your Travel gallery's container ('travelcontainer') is within the 'story-travel' <section>.
When Juicebox tries to loading the galleries into the respective gallery containers, the containers no longer exist on the web page because they have been removed by the code within 'parallax.js'.

The comment on your main web page regarding the 'parallax.js' file suggests that it may cause problems :

<!-- parallax.js really screws with the DOM, so make sure it's included last so other things don't notice :) -->

I do not know exactly how your web page has been designed to function (over 12 external CSS and JavaScript files are loaded on your page so it is difficult to see exactly what is going on) but if your web page somehow reinstates the elements which were initially removed by 'parallax.js' (perhaps when links are clicked), then the solution to your problem would be to delay loading your galleries until such a time that the required gallery containers are present and part of the DOM.
You could put your gallery's embedding code into a JavaScript function and run the function when a link is clicked using a jQuery .click() handler (as your web page already loads and uses jQuery).

Otherwise, an alternative would be to fiond a solution which does not use 'parallax.js'.

I've fixed up some of the code, but honestly when I first posted this, it worked when only one gallery is used;

This might be because 'parallax.js' removes DOM elements which are not initially displayed on screen (initially hidden by and accessed via a menu system) when the web page is loaded.

3,524

(8 replies, posted in Juicebox-Pro Support)

Having uploaded your entire gallery folder, the embedding code is all you need.
It looks like the problem is that your gallery folder is named 'Juicebox Namur' but the two paths in your embedding code use 'Juicebox_Namur' (notice the underscore instead of a space). Make sure that the name of the gallery folder in the paths in your embedding code matches the name of the gallery folder on your web server.

3,525

(2 replies, posted in Juicebox-Pro Support)

I am glad that you have been able to resolve your problem.
Thank you for posting back to let me know.