2,026 Reply by Steven @ Juicebox

(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).

Go to forum: Juicebox-Pro Support

2,027 Reply by Steven @ Juicebox

(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.

Go to forum: Juicebox-Pro Support

2,028 Reply by Steven @ Juicebox

(498 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.

Go to forum: Juicebox-Pro Support

2,029 Reply by Steven @ Juicebox

(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.

Go to forum: Juicebox-Pro Support

2,030 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

Thanks for posting in the Feature Requests thread.

Go to forum: Juicebox-Pro Support

2,031 Reply by Steven @ Juicebox

(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.

Go to forum: Juicebox-Pro Support

2,032 Reply by Steven @ Juicebox

(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.)

Go to forum: Juicebox-Pro Support

2,033 Reply by Steven @ Juicebox

(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.

Go to forum: Juicebox-Pro Support

2,034 Reply by Steven @ Juicebox

(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.

Go to forum: Juicebox-Pro Support

2,035 Reply by Steven @ Juicebox

(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.

Go to forum: Juicebox-Pro Support

2,036 Reply by Steven @ Juicebox

(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.

Go to forum: Juicebox-Pro Support

2,037 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

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?

Go to forum: Juicebox-Pro Support

2,038 Reply by Steven @ Juicebox

(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).

Go to forum: Juicebox-Pro Support

2,039 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

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').

Go to forum: Juicebox-Pro Support

2,040 Reply by Steven @ Juicebox

(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).

Go to forum: Juicebox-Pro Support

2,041 Reply by Steven @ Juicebox

(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.

Go to forum: Juicebox-Pro Support

2,042 Reply by Steven @ Juicebox

(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.

Go to forum: Juicebox-Pro Support

2,043 Reply by Steven @ Juicebox

(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.

Go to forum: Juicebox-Pro Support

2,044 Reply by Steven @ Juicebox

(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.

Go to forum: Juicebox-Pro Support

2,045 Reply by Steven @ Juicebox

(17 replies, posted in Juicebox-Pro Support)

@martinkulhavy78

Thank you for reporting this issue.
I have notified the developers who will investigate further.

Go to forum: Juicebox-Pro Support

2,046 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

... both directly into a Div and testing with the baseUrl example...

There is no difference in display or functionality between the regular embedding method and the baseUrl embedding method. The only difference is the location of the gallery files on your web server.

... but renders too large on iPhone and Galaxy.

The gallery (or Splash Page) will always be displayed at the size specified by the galleryWidth and galleryHeight configuration options in the gallery's embedding code.
If using a percentage height, please ensure that all parent containers of your gallery have heights specified via CSS.
Otherwise, Juicebox may not be able to determine what its actual height should be a percentage of.
Also, please see this note regarding Using Percentage Heights.
If your gallery currently has a percentage height, try using a fixed height (such as 600px) instead.

The page is also not 'pinchable' on mobile.

It is possible to pinch-zoom an image within a gallery but only under certain circumstances.

You would need to be very precise with your gesture as Juicebox uses its own gestures and the initial movement of a pinch-zoom action could be misinterpreted as the start of a swipe gesture to navigate within the gallery.

Also, you would need to ensure that the viewport of the web page has not been locked (by a meta viewport tag which prevents the user from scaling the page) which it would be by default for a 100% x 100% gallery or for an embedded gallery which has been expanded (from the Splash Page or via the Expand Button). For more information on expanded gallery behavior on iOS devices, please see here.

If, for example, you embedded a gallery in a web page at dimensions of less than 100% x 100% alongside other content and set showSplashPage="NEVER" or screenMode="LARGE", then you should be able to pinch-zoom an image within the gallery on a mobile device.

Can you point me to an example of an embedded gallery that is working so I can compare?

We have an example of a gallery embedded in a web page alongside other content here: https://www.juicebox.net/demos/pro/embedded/
Other demo galleries can be found on the Demos page here: https://www.juicebox.net/demos/

If you continue to experience difficulties, please post the URL to your gallery's web page so that I can take a look at it for myself and hopefully help further.

I hope these notes help.

Go to forum: Juicebox-Pro Support

2,047 Reply by Steven @ Juicebox

(11 replies, posted in Juicebox-Lite Support)

You initially said "sadly the web host (Instapage) doesn't allow image hosting..." but, on further investigation, it looks like Instapage might be more restrictive that.

If Instapage disallowed only images to be hosted (which, for a web host, sounds like a strange thing to disallow) but still allowed other file types to be uploaded, then you could upload the entire gallery folder to your web space (which would include the Juicebox core files but not your gallery images which would be hosted on Flickr) and embed the gallery using the baseUrl method. There would be no need to worry about the paths to the images. Juicebox would handle that internally. It would find all your Flickr images from your Flickr User Name (in the gallery's configuration options).

However, I'm not sure that Instapage supports FTP access to the web space that they provide (there are no search results for "ftp" in the Instapage help section) so that you could upload your Juicebox gallery folder. Please check with Instapage support.
If they do not support FTP, then I would recommend using a regular web host (with no file type restrictions and FTP access so that you can upload whatever files you like to whatever locations you like).

If you still wanted to keep your Instapage page, it would be possible to host the gallery on a different server and still use the baseUrl embedding code on your Instapage page but there would be the added complication of overcoming the JavaScript same-origin policy. (You would be loading a JavaScript file from a different domain.)
Please see this forum post for a solution to this problem.

It all sounds a little complicated but it is due to the restrictions imposed by Instapage.
If your web page and Juicebox gallery were both hosted by a regular web host on the same web server, there should be no such problems.

However, maybe you can upload your Juicebox gallery to your Instapage site via FTP (you'll need to check with Instapage support). If you can, then just follow the baseUrl instructions and your Flickr-sourced gallery should display file.

There one final problem that you might encounter. There is an image within the Juicebox core files (the preloader spinner) which is temporarily displayed when an image is loading. If Instapage truly does not allow any images to be uploaded, then you will not see the preloader spinner in your gallery.
Again, with a regular web host, this would not be a problem.

Go to forum: Juicebox-Lite Support

2,048 Reply by Steven @ Juicebox

(11 replies, posted in Juicebox-Lite Support)

One possible solution would be to use a Flickr account as a source of images for your gallery.
Juicebox has build-in support for Flickr so you could continue to create your galleries with JuiceboxBuilder and upload them to your Instapage site without the need to modify any gallery files at all.
Enter you Flickr account details on JuiceboxBuilder's 'Images' tab (select 'Flickr' as the 'Image Source').

Otherwise, you could sign up for a hosting account with a regular web host (which does not have restrictions on the file types that you can upload to the web space that they provide), upload the images for your gallery there and edit your gallery's 'config.xml' file so that the imageURL and thumbURL entries point towards the images in their new locations.

Many web hosts offer free accounts which might be sufficient for your needs (please check with their own terms of use). Please note, however, that often you get what you pay for with free hosting and with a paid hosting account you will likely receive better support, more features and greater stability.

Go to forum: Juicebox-Lite Support

2,049 Reply by Steven @ Juicebox

(4 replies, posted in Juicebox-Pro Support)

Unfortunately, it looks like you've found a bug. I have been able to replicate it in a test gallery of my own.
Many thanks for reporting it.

I have notified the developers and hopefully it will be fixed in a future version.
In the meantime, perhaps using buttonBarIconSize="13" would be a suitable workaround.

Go to forum: Juicebox-Pro Support

2,050 Reply by Steven @ Juicebox

(11 replies, posted in Juicebox-Lite Support)

Is there a way to show the single picture as a default view for mobile, rather than just seeing thumbnails?

If you had Juicebox-Pro, you could set showSmallThumbsOnLoad="FALSE" and the gallery would initially display the first image in the gallery (instead of the thumbnail page) in Small Screen Mode. (Please note that this is a Pro only configuration option which is not supported by Juicebox-Lite, the free version.)

Ordinarily, when a Juicebox galley is embedded in a web page alongside other content, the Splash Page is displayed.
This is a placeholder for the gallery which, when tapped/clicked, expands the gallery fullscreen (to give the images more room on small screen displays).
Please see the Screen Modes support section for more details of the Splash Page.

However, your galleries are actually embedded in the HTML pages on Google Drive (and loaded into your main web page using iframes).

If you look at the actual HTML pages that contain the embedding code, each gallery is 100% x 100%, taking up the entire page (with no other content on the page).
Juicebox sees these as a full page galleries and, therefore, does not display the Splash Page.

Even if you forced the Splash Page to be displayed (via the Pro option showSplashPage="ALWAYS"), it would be displayed in both desktop and mobile browsers (probably not what you want) and, when the Splash Page is tapped/clicked, the galleries would only expand to fill the iframes (not the entire main page).

Happy to host the images on something other than google drive...

The best thing you could do is host the entire galleries (not just the images but the gallery's XML configuration file and the Juicebox core files, too) on your own web server (alongside the other files for your nylap4life.com site) and embed the galleries into your main web page using the regular (or baseUrl) embedding code.
Then your galleries will no longer be affected by the drawbacks of using iframes.

Go to forum: Juicebox-Lite Support