2,001

(7 replies, posted in Juicebox-Pro Support)

@manray57

Is there a way on smaller screens to simply display all the images in more rows so they are all visible and the user can swipe through all of them versus having to page through?

Unfortunately, this is not possible. In Small Screen Mode, thumbnails are always displayed in pages.
The dimensions of a gallery are determined by the galleryWidth and galleryHeight configuration options and the size of the browser viewport. In order for all thumbnails to be displayed at once in Small Screen Mode, the dimensions of the gallery may have to change to accommodate them all and Juicebox was not designed with this functionality in mind.

However, please feel free to post your suggestion in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
I do not know the likelihood of any suggestions being implemented but this is certainly the best place for all ideas.
Thank you.

2,002

(7 replies, posted in Juicebox-Pro Support)

If I go to https://picasaweb.google.com/data/feed/ … 8088651929 I am presented with an RSS feed of all your albums so 117363164378088651929 is certainly a valid Google User Id.
However, the Google Album Id 6315232953461261745 (from the URL in your last post) does not appear to be a valid Google Album Id for that account. That Google Album Id does not appear anywhere within the RSS feed data.

I do not know which album you are trying to display but if you use a Google Album Id from the links in the RSS feed page, the corresponding gallery should display fine.

2,003

(7 replies, posted in Juicebox-Pro Support)

You should be able to directly replace your Picasa User Id and Picasa Album Name in the WP-Juicebox interface with your Google User Id and Google Album Id/Name respectively.

How to find your Google User Id:
You can find your Google User Id by logging in to Google+ and clicking the 'Google+ Profile' link above the 'My Account' button (after clicking your custom image at the top right). Your Google User Id will be the 21 digit number in the URL (in your browser's address bar).

How to find your Google Album Id/Name:
Visit this URL in your browser and you'll get an RSS feed of your albums: https://picasaweb.google.com/data/feed/api/user/<User Id>
If you then hover over (or click on) an album, you'll see a 19 digit number (or possibly a name if it's an older album) at the end of the URL. This is the Album Id/Name which you can use in the WP-Juicebox interface.

Make sure album is public:
Visit this URL in your browser: https://picasaweb.google.com/<User Id>/<Album Id>
In the right-hand sidebar next to the thumbnail representing the album, make sure that the visibility setting is 'Public on the web'. If the visibility is set to any other value (e.g. 'Limited' or 'Only you'), the click the 'edit' link and select 'Public on the web'.

Hopefully this will help.

If you continue to experience difficulties, please let me know your Picasa User Name and Picasa Album Name and I'll try to help further. Thank you.

2,004

(12 replies, posted in Juicebox-Pro Support)

Thanks again Steven for your invaluable support. Really pleased with this slide gallery, and now have a good template for future use.

You're welcome.
I'm glad your getting on well with Juicebox and your web site.

I've promised myself to sit down and learn some fundamentals of JavaScript - and brush up on my CSS knowledge too!

In case you're interested, I find the Mozilla Developer Network is a good reference for all things HTML, CSS and JavaScript.
You might also like to check out W3Schools. It's maybe not as comprehensive as the Moz Dev Network but it's often easier to navigate through their web pages (less information to trawl through) and find something quickly.
I also use the jQuery JavaScript Library a lot. It can simplify the code required for complex JavaScript tasks.

Incidentally, I've just noticed that while viewing on a phone, I'm getting a rectangular shadow under the image captions.

This is due to captionBackTopColor having different default values for Small Screen Mode and Large Screen Mode.
Please see my posts in this forum thread for more information.
The solution is to ensure that a captionBackTopColor value is explicitly set in your gallery's configuration options (and this value will be used in both Small and Large Screen Modes).
Just set captionBackTopColor="rgba(0,0,0,0)" (in JuiceboxBuilder-Pro's 'Customize -> Color' section) and all should be well.

2,005

(1 replies, posted in Juicebox-Pro Support)

Juicebox was designed as an image viewer (please see this FAQ) and, as far as I am aware, there are no plans to introduce video support.
However, please feel free to post your suggestion in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
I do not know the likelihood of any suggestions being implemented but this is certainly the best place for all ideas.
Thank you.

2,006

(12 replies, posted in Juicebox-Pro Support)

Initially, none of your buttons have the class 'selected'.
All you need to do is give a button the class 'selected' either directly via CSS, e.g.:

<li><a href="javascript:;" id="button-1" class="selected">Catwalk Vibrant Colours</a></li>

... or via (jQuery) JavaScript:

$('#slideNav li a:eq(0)').addClass('selected');

... where 'eq(0)' represents the first button, 'eq(1)' represents the second, etc.

2,007

(12 replies, posted in Juicebox-Pro Support)

Works a treat! Thank you.

You're welcome.

The last thing I need to be able to do now is be able to keep the buttons - which select the galleries - lit, when scrolling through the images.

I notice that the highlighted button loses its highlighting not only when browsing through gallery images but also when clicking anywhere else on your page so it looks like the problem is with the CSS styling of your buttons rather than directly with the gallery itself.

Try adding the following CSS to your 'maincss.css' file (at the end of the 'slideNav' section):

#slideNav li a.selected {outline: none; border-color: #FFF; border-color: rgba(255,255,255,0.65); color: #FFFFFF; box-shadow: inset 0px 12px 8px rgba(255,255,255,.2); background-color: #487799;}

... and add the following jQuery JavaScript to your web page (at the end of your existing $(document).ready(function() { ... }); section):

$('#slideNav li a').click(function() {
    $('#slideNav li a').removeClass('selected');
    $(this).addClass('selected');
});

This jQuery JavaScript code adds a CSS class to the button which was most recently clicked (removing the class from all other buttons) and styles it accordingly (with the new CSS rule added to your 'maincss.css' file).

2,008

(12 replies, posted in Juicebox-Pro Support)

Try setting your gallery's background color in the JavaScript embedding code instead of just in the 'config.xml' files.
Try changing:

function loadGallery(a, b, c, y, z) {
    new juicebox({
        containerId: "juicebox-container",
        baseUrl: y,
        galleryHeight: z,
        maxThumbColumns: a,
        maxThumbRows: b,
        thumbsPosition: c
    });
    tracker = true;
}

... to:

function loadGallery(a, b, c, y, z) {
    new juicebox({
        backgroundColor: "rgba(255,255,255,1)",
        containerId: "juicebox-container",
        baseUrl: y,
        galleryHeight: z,
        maxThumbColumns: a,
        maxThumbRows: b,
        thumbsPosition: c
    });
    tracker = true;
}

This should hopefully help.

2,009

(496 replies, posted in Juicebox-Pro Support)

@zarzash

Thank you for your suggestions.
If you are looking for a way to introduce more content than just a Juicebox gallery on a web page, then you might like to take a look at another one of our products, Showkase.
This forum post (and the links within it) should give you more information about Showkase (and the differences between Juicebox and Showkase).
Incidentally, it is possible to set the same title or caption to multiple images for a Juicebox gallery (or a ListViewer or SimpleViewer gallery) within the Showkase interface.

2,010

(5 replies, posted in Juicebox-Pro Support)

You're welcome.
Thanks for testing the fix.
I'll make sure that it's included in the next version of WP-Juicebox.

2,011

(5 replies, posted in Juicebox-Pro Support)

Thanks for posting in the Feature Requests thread.

2,012

(5 replies, posted in Juicebox-Pro Support)

I think I've found a solution to the problem.
Open the plugin's 'config.php', jb-config.php' and 'save-gallery.php' files in a plain text editor and change all instances of:

include_once $wp_path . 'wp-blog-header.php';

... to:

include_once $wp_path . 'wp-load.php';

(There is just once instance near the top of each file.)
I'd be very grateful if you could test this proposed solution in your own WordPress site and let me know if it works.
Thank you.

2,013

(5 replies, posted in Juicebox-Pro Support)

It would be easier if you just re-posted in the Feature Requests thread. Thanks.
(I can split posts into new threads but I can't move a post from one thread into another.)

2,014

(5 replies, posted in Juicebox-Pro Support)

It looks like certain permalink structures are causing the internal URLs used by WP-Juicebox to be rewritten (breaking the plugin).
My own tests suggest that using 'Plain' or 'Post name' permalinks works fine but using any of the others does not.

I'll investigate further and post back with my findings.

2,015

(5 replies, posted in Juicebox-Pro Support)

Thank you for your suggestion.

I recommend that you post your idea in the Feature Requests forum thread. This keeps all the ideas together and ensures that they are not overlooked by the developers.
I do not know the likelihood of any suggestions being implemented but this is certainly the best place for all ideas.

2,016

(1 replies, posted in Juicebox-Pro Support)

Ive been spending hours trying to embed my Juicebox Gallery into Muse.

Maybe these links will help:
Embedding With Adobe Muse: http://www.juicebox.net/support/embeddi … adobe-muse
Alternate Adobe Muse Embedding Instructions: http://www.muse-themes.com/blogs/news/6 … adobe-muse

1. (With a Transparent Checkered Pattern as the background) Unable to generate thumbnail

This sounds like a Muse-specific problem. I am not sure how (or if) this relates to Juicebox.

2. (With the background the color of my gallery) Config XML file not found

This is certainly a Juicebox problem and suggests that there is a problem with the path to the gallery's XML file.
Please see this FAQ:
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?
Also, see note #1 below.

Is there anything wrong with my HTML?

I do not see anything technically wrong with your embedding code.
However, there are a few things to bear in mind.

(1) Using absolute paths in your embedding code (starting with 'http://'), the gallery will display only when uploaded to your web server. Otherwise the 'Config XML file not found.' message will be displayed. If you want to check your gallery locally, use relative paths instead. (I do not know your file structure so cannot give you correct relative paths to use.) Please also note this FAQ when viewing galleries locally:
When I view my gallery locally, I see the message "Juicebox can not display locally in this browser". Why?

(2) I have navigated to the 'http://www.joshblank.photo/Gallery/Mexico/jbcore/juicebox.js' location in a browser (the path from your embedding code) but the 'juicebox.js' file is not there. Make sure that you have uploaded your gallery files to the correct location on your web server. It looks like the contents of your gallery folder should be uploaded to your '/Gallery/Mexico/' directory.

(3) If you hardcode the 'www' subdirectory into your embedding code paths, then the gallery will work on 'www.joshblank.photo' but may not work on 'joshblank.photo'. Please see this FAQ:
My gallery works on 'www.example.com' but not on 'example.com' (or vice versa). Why?
Use paths with a leading slash to denote your root directory, such the following, and your gallery should work on both 'www.joshblank.photo' and 'joshblank.photo'.

<script src="/Gallery/Mexico/jbcore/juicebox.js"></script>
baseUrl: '/Gallery/Mexico/',

Essentially, your current embedding code should work absolutely fine as long as your the contents of your gallery folder are uploaded to the '/Gallery/Mexico/' directory on your web server and you view your gallery via a URL starting with 'htitp://www.joshblank.photo/'.

If you continue to experience difficulties, then the best thing to do would be to upload everything to your web server and post a link to the non-functioning gallery. Once I can see the problem live on your web server, I should hopefully be able to pinpoint the exact nature of the problem and help further.

2,017

(1 replies, posted in Juicebox-Pro Support)

You'll need to replace the stock 'spinner.gif' inside the 'juicebox_pro.lrwebengine' package.

Before installation, you'll find the image in this location (after extracting the Juicebox-Pro zip file):
juicebox_pro_1.5.0/adobe-lightroom-plugin/juicebox_pro.lrwebengine/jbcore/classic/img/spinner.gif

After installation, you should find the image in this location:
[Users/username/Library/Application Support/Adobe/Lightroom/Web Galleries/juicebox_pro.lrwebengine/jbcore/classic/img/spinner.gif

On a Mac, 'juicebox_pro.lrwebengine' is seen as a special package rather than a regular folder.
To browse inside the package, use Ctrl-Click and select "Show Package Contents".

I hope this helps.

You're welcome.
I'm glad you've got it working.

If there is a value for captionBackTopColor in the gallery's XML file, then this will be used for both Small and Large screen modes.
However, if you leave captionBackTopColor unchanged from the default value shown in the JuiceboxBuilder-Pro interface, then captionBackTopColor will not be written to the gallery's XML file and the two different default values (for Small and Large Screen Modes) will be used.

As long as captionBackColor and captionBackTopColor are both exactly the same (color and opacity) and set to non-default values (which ensures that they will be written to the gallery's XML file), then there should not be a caption gradient in either Small or Large Screen Mode.

As far as I can recall, captionBackTopColor is the only configuration option which has different default values for Small and Large Screen Modes, so you should hopefully not encounter any other oddities like this.

For reference (and any other users reading this thread), we have an FAQ regarding browser caching here:
When I update my gallery I don't see my changes online. Why?

2,019

(3 replies, posted in Juicebox-Pro Support)

Essentially, the problem seems to be that $_SERVER['DOCUMENT_ROOT'] is pointing towards /Library/ rather than /Users/.
Is there any circumstance in your setup where you would want $_SERVER['DOCUMENT_ROOT'] to be pointing towards /Library/?
If not, and you always want $_SERVER['DOCUMENT_ROOT'] to be pointing towards /Users, then would changing DOCUMENT_ROOT in your server settings not be a possible solution?

As far as I am aware, it is not unusual to use $_SERVER['DOCUMENT_ROOT'] to fetch the document root directory.
I do not know of an alternative to $_SERVER['DOCUMENT_ROOT'] which would specifically support your setup (Apache server on Mac with two root directories) .
I think the best solution might be to ensure that $_SERVER['DOCUMENT_ROOT'] returns the path you want to use.

I've tried a web search for this problem and found the following forum threads which seems to be relevant.
https://forum.mamp.info/viewtopic.php?f=4&t=669
https://css-tricks.com/forums/topic/how … -x-simply/

If you are using MAMP, then the following suggestion (from the second link above) might help:
https://css-tricks.com/forums/topic/how … post-95005

Here are a few other links which relate to your setup (Apache server on Mac) and reference the document root. They may contain some information which will help.
http://superuser.com/questions/225346/h … -on-my-mac
https://coolestguidesontheplanet.com/in … n/#webroot
http://serverfault.com/questions/161529 … n-mac-os-x

Otherwise, a workaround would be to replace $_SERVER['DOCUMENT_ROOT'] in the 'juicebox.php' file with the path you want to use (or create a new PHP constant and use this instead of $_SERVER['DOCUMENT_ROOT'] in the 'juicebox.php' file).

I *still* can't get rid of the caption gradient that became default in 1.5.

Set both captionBackColor and captionBackTopColor (in JuiceboxBuilder-Pro's 'Customize -> Color' section) to exactly the same values (color and opacity).

captionBackTopColor has different default values for Large Screen Mode (rgba(0,0,0,0)) and Small Screen Mode (rgba(0,0,0,0.3)) so if you do not change captionBackTopColor in JuiceboxBuilder-Pro's interface, a captionBackTopColor value will not be written to the gallery's configuration file and the two default values will be used.

If you want to ensure that a single captionBackTopColor is used in both screen modes, change its color or opacity slightly from its default value. Then, to remove the gradient, set captionTopColor to exactly the same color and opacity as you've used for captionBackTopColor.

images showing my Color settings in the Juicebox Pro app (which are unclear, I can't even tell what some of them change)

Click on the small color box next to each color option and you'll see the exact hexadecimal color code that corresponds to the chosen color.

the demo appearance in the Juicebox app

Unfortunately, the integrated browser which comes bundled within JuiceboxBuilder-Pro does not support certain CSS3 properties (such as gradients and shadows) so the live preview will not be 100% accurate.
This is a known issue and is noted as such in the JuiceboxBuilder-Pro User Guide. Please view the gallery in a browser for a more accurate preview.

I was also wondering if it's possible to change the position for the next and last image arrow buttons. 1.5 changed them to be on top of the image rather than off, to the side.

Set imageNavPosition ('Customize -> Main Image') to STAGE rather that its default value of IMAGE. The main image navigation arrows will then be positioned relative to the stage rather than the images. However, please bear in mind that if the images take up a lot of the gallery's image area (which will depend on the gallery, image and browser window sizes), the navigation arrows may still be overlaid on top of the images. If this is the case, then you might like to compensate for it by increasing the imagePadding ('Customize -> Main Image').

2,021

(3 replies, posted in Juicebox-Pro Support)

The 'juicebox.php' file builds the path to the image to be downloaded using $_SERVER['DOCUMENT_ROOT'] as the start of the path.
Normally, all files on a web server (such as a gallery and its images) will have just one shared root ($_SERVER['DOCUMENT_ROOT']).
The problem seems to be that you have two different file structures each with their own root.
I do not know what the imageURL (or linkURL) entries are in your gallery's XML file and where your gallery and images are located (whether they are downstream of /Library/ or /Users/) but if you want Juicebox to look for your images in a location other that your web server, then you might need to change your $_SERVER['DOCUMENT_ROOT'] value or edit the 'juicebox.php' file and hard-code the path you want to use instead of using $_SERVER['DOCUMENT_ROOT'].
If your gallery and images are effectively on different domains, then the Download Button will not work.
However, if your gallery uses a regular file structure (as created by JuiceboxBuilder-Pro) you are just using a local server for testing, then you should find that the Download Button functions correctly when the gallery has been uploaded to a regular web server (without any modifications required).

2,022

(17 replies, posted in Juicebox-Pro Support)

Unfortunately, I really do not know when this issue will be fixed or when the next version of Juicebox will be released.
There is no set release schedule and any estimate I give you could turn out to be wholly inaccurate.
It is unlikely to be a matter of days but if I said it might be a few weeks, it could turn out to be a few months (or vice versa).
I'm sorry I can't give you a better idea of how long you might have to wait.

If it's any consolation, Multi-Size Image support is not completely dysfunctional and still works OK on Apple-branded 'Retina Display' devices (both mobile and desktop), where the term 'retina' refers specifically to Apple's 'Retina Device' trademark.
However, Juicebox-Pro is not currently recognizing other, non-Apple, high-density pixel ratio devices which is the nature of the problem and the reason for the bug report.

2,023

(3 replies, posted in Juicebox-Pro Support)

You're welcome.
I'm glad you found Showkase. It certainly sounds like it would be a better solution for you than just Juicebox alone.

2,024

(17 replies, posted in Juicebox-Pro Support)

Thanks for your help.
I've been able to replicate the problem in a test gallery of my own and a bug report has now been logged.
Hopefully the problem will be fixed for the next version.

2,025

(3 replies, posted in Juicebox-Pro Support)

Juicebox-Pro does not have built-in support for creating, indexing and displaying multiple galleries.
It is not possible to have folders within a gallery.

With Juicebox-Pro, you would be able to create as many individual galleries as you like. However, if you would like to link them all together (with a menu of gallery names, for example), then you would need to do so manually following the instructions and examples in the Embedding Multiple Galleries support section.
You can view the source of the online demo pages in your browser and copy/modify them to suit your own needs (swapping the sample galleries for your own).
Knowledge of HTML would certainly be helpful.

If you are looking for an automated solution to creating and listing multiple galleries, then you might be interested in another one of our products - Showkase.

Showkase is a PHP web application which allows you to create a complete portfolio web site (integrating multiple galleries) online.
Showkase has full support for Juicebox-Pro (and SimpleViewer-Pro) galleries and the galleries can be created within the application itself in a web browser interface (or created with JuiceboxBuilder and imported).

You can create Gallery Index pages and have as many galleries listed on each Gallery Index page as you wish.
Each gallery is represented by a thumbnail image with the gallery title displayed below and the gallery is opened when the user clicks on the image.

You could have a separate gallery for each of your events and have all the galleries listed on a Gallery Index page. (You could split things up further if you like and have a separate Gallery Index page for each year.)

Demo sites created with Showkase can be found here and a sample Gallery Index page can be found here.

Showkase can also create non-gallery pages (About, Basic and Contact pages) where you can add information about yourself (or any other content you like).
All of this is done automatically within the Showkase interface without the need for any manual coding at all.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite and SimpleViewer-Standard, the free versions) or Showkase-Pro (which comes with Juicebox-Pro and SimpleViewer-Pro).
The only difference between Showkase-Standard and Showkase-Pro is the bundled viewers.

More information on the differences between Juicebox and Showkase can be found in this forum thread.

I hope you find this information useful.