1,351

(3 replies, posted in Juicebox-Lite Support)

It sounds like both problems might be connected to each other (or, indeed, be caused by the same issue).
Hopefully my notes below will help.

There are only a couple of things which have been known to prevent an existing gallery from being opened in JuiceboxBuilder-Pro.
(1) If the gallery folder is located within a Google Drive folder.
(2) If you have Avast installed and Avast's Ransomware Shield is active.

#1
Make sure that your gallery folder is not located within a folder which is synced with an online file sharing service (such as Google Drive). If it is, then try copying your gallery folder to a location on your hard drive that is not being synced with an online file sharing service (such as your desktop) to see if the gallery will open from there.

However, before you try this, you may need to do the following to clear the problem:

(1) Close JuiceboxBuilder-Pro.
(2) Navigate to the following location in Windows File Explorer: C:\Users\Username\Documents\JuiceboxBuilder-Pro\
(3) Delete the .tempGallery folder from this location.

I'm not sure what the equivalent location would be for a Mac but if you search for ".tempGallery" you should hopefully find it.

#2
There was a brief problem a few weeks ago whereby Avast's Ransomware Shield prevented an existing gallery from being opened in JuiceboxBuilder-Pro.
This was a false positive result and I contacted Avast who was happy to clear JuiceboxBuilder-Pro's reputation in their database (so there should be no longer be a problem for Avast users as long as their databases are up to date).
If you are not an Avast user, then just in case there is a similar issue with any other security software, if you have any security software installed, try making an exception for the "JuiceboxBuilder-Pro.exe" file to see if this helps.

If #1 and #2 are not relevant or do not help, then I would still try deleting the ".tempGallery" folder from #1 (if it exists) to see if it helps. Also, please try manually deleting the following folder which has also been known to resolve a few odd problems:
Mac: /Users/Username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
Windows: C:\Users\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro

Failing all else, I would try uninstalling and then reinstalling both Adobe AIR and JuiceboxBuilder-Pro.
You can download the latest version of Adobe AIR (v27.0) from here.

Here's the procedure for a clean reinstall of JuiceboxBuilder-Pro:

(1) Uninstall JuiceboxBuilder-Pro.
Mac: Delete the 'JuiceboxBuilder-Pro' file from the Applications folder and empty your Trash.
Windows: Use the uninstaller in the 'Control Panel -> Programs -> Uninstall a program...' list.

(2) After uninstalling JuiceboxBuilder-Pro, please check that there are no files are left behind by manually deleting the following folders (if they exist) from your hard drive:

Mac:
/Users/Username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
/Users/Username/Library/Preferences/JuiceboxBuilder-Pro

Windows:
C:\Users\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
C:\Users\Username\AppData\Roaming\JuiceboxBuilder-Pro
C:\Users\Username\Documents\JuiceboxBuilder-Pro
You may need to show hidden files to find some of the above locations in Windows File Explorer.

(3) Also, please follow the procedure above (Steps #1 - #2) for JuiceboxBuilder-Lite, too (if you have it installed).
JuiceboxBuilder-Lite and JuiceboxBuilder-Pro can both be installed and run side by side on the same computer but, being that you are experiencing problems, it might be wise to completely clear your system of all JuiceboxBuilder files before trying to reinstall JuiceboxBuilder-Pro.

(4) Reinstall JuiceboxBuilder-Pro following the instructions here.

I hope these notes help (or at least point you in the right direction).

1,352

(3 replies, posted in Juicebox-Pro Support)

You're welcome! I'm glad I was able to help.

1,353

(1 replies, posted in Juicebox-Pro Support)

Using the standard Piwik analytics code will log hits to just the gallery's web page.

Setting enableDirectLinks="TRUE" in your gallery will give each image in the gallery a unique URL (using a # identifier at the end of the URL) but the web page is not refreshed/reloaded each time a new image is selected so the analytics code will not be rerun (it will be run only once when the web page is initially loaded).

You'll likely need to manually register a hit each time a new image is selected using the Juicebox-Pro API's onImageChange(e) event.

Keep the standard Piwik code in your gallery's web page and then use something like the code below:

<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
    var jb = new juicebox({
        containerId: "juicebox-container",
        enableDirectLinks: "TRUE"
    });
    jb.onImageChange = function(e) {
        var imageNumber = e.id;
        _paq.push(['trackEvent', 'Juicebox', 'Gallery', imageNumber]);
    };
</script>
<div id="juicebox-container"></div>

You might need to check with Piwik's Event Tracking support page for the correct JavaScript code to use (and you can change the terms 'Juicebox' and 'Gallery' to suit your own needs).

I hope this points you in the right direction.

1,354

(3 replies, posted in Juicebox-Pro Support)

You can skip the thumbnail page in Small Screen Mode (on mobile devices) and go straight to the first image in the gallery by setting showSmallThumbsOnLoad="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section).
Alternatively (or additionally), you can set an initial image to be displayed in the gallery via firstImageIndex ('Customize -> General').
For reference, short descriptions of all configuration options can be found on the Config Options support page.

1,355

(1 replies, posted in Juicebox-Pro Support)

It is not possible to change the size of the navigation hit areas but if you set imageClickMode="NONE" rather than the default value of "NAVIGATE" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section), then the user will need to click specifically on the navigation arrows (and clicking elsewhere on the main image will do nothing).
On touch-enabled mobile devices, users will still be able to swipe to navigate between images.

You can change the size of the navigation arrows via navButtonIconSize (also in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).

Also, if you want the navigation arrows to be displayed on mobile devices as well as desktop browsers, set showImageNav="ALWAYS".

Short descriptions of all the configuration options in bold above can be found in the Main Image section of the Config Options page.

1,356

(3 replies, posted in Juicebox-Lite Support)

Thats great thanks, worked a treat!

You're welcome! I'm glad you've got it working. Thank you for letting me know.

And I guess I can add mutiple galleries the same way by simply renaming new gallery folders and altering the code accordingly.

Yes. You can upload as many gallery folders to your web server as you like (just upload them all to your root directory if you like for convenience) and point towards each gallery folder using a baseUrl in each gallery's embedding code.
If you plan to embed multiple galleries on a single HTML page, here are a couple of tips:
(1) Load the 'juicebox.js' file only once per web page (from inside one gallery's 'jbcore' folder) rather than once per gallery.
(2) Embed each gallery into a <div> container with a unique id.

The gallery on my web page is set hard to the left of the page and I would like it centered if possible.

If you'd like to horizontally center a gallery on a web page, try applying the CSS rule margin: 0 auto; to the gallery's <div> container. This should horizontally center the gallery within its parent container. For example:

<div id="juicebox-container" style="margin: 0 auto;"></div>

Incidentally, your gallery's <div> container should not be inside <p> tags. (This is not valid HTML.)

1,357

(3 replies, posted in Juicebox-Pro Support)

You're welcome.

... slides sliding to the side...

Please note that Juicebox's own sliding transition will be different to the one that your website currently uses.
Here is a demo gallery with imageTransitionType="SLIDE".

For reference, possible values for imageTransitionType are SLIDE, FADE, CROSS_FADE and NONE (as noted in the Main Image section of the Config Options page).

If i can replicate this with juicebox great stuff i will look at getting it swapped out :)

If you want to hide thumbnails (and other gallery elements) and use the API (to use your own custom navigation buttons outside the gallery), then you'll need Juicebox-Pro. (Such functionality is not available in Juicebox-Lite, the free version.)

Unfortunately, we do not offer a trial version of Juicebox-Pro but we do have a money-back guarantee (as noted in the FAQ below) and I'll happily try to help you out if you run into any difficulties using Juicebox-Pro.
Can I try a trial version of Juicebox-Pro?

1,358

(1 replies, posted in Juicebox-Pro Support)

I have just resent your purchase email containing your Juicebox-Pro download link.
If you can't find the emails, please check your email account's junk/spam folder to see if they have been redirected to there.
Please let me know how you get on and if I can be of any further assistance. Thank you.

1,359

(3 replies, posted in Juicebox-Pro Support)

is this possible with juicebox pro please?

Yes, you could certainly get very close to the gallery you quoted with Juicebox-Pro.

Its got 100+ images and it needs to be fast loading,

Juicebox-Pro features the imagePreloading configuration option (see the Main Image Options section of the Config Options page for a short description). The default value is PAGE (whereby all images on the current thumbnail page are preloaded) but you could change this to NEXT (to preload only the next image in the gallery) which should easy the load on the browser when the gallery is initially loaded (and speed up the loading of the gallery slightly).

You could also create a Multi-Size Image gallery.
Essentially, you would provide up to 3 different image sizes for your gallery and Juicebox would use the size most appropriate to the device and screen size being used to view the gallery (thereby avoiding the need to load a large image for a small screen).

i don't want the dots at the bottom

You can certainly switch off thumbnails (or thumbnail dots) by setting:

showThumbsOnLoad="FALSE"
showSmallThumbsOnLoad="FALSE"
showThumbsButton="FALSE"
showSmallThumbsButton="FALSE"

For reference, a list of all Thumbnail Options can be found here.
You can also disable other gallery elements (like the Gallery Title and Button Bar) to display just the main images and navigation arrows, if you like.

would like the forward and back button as shown on the page -

Icons within a Juicebox gallery are characters in a custom font.
You can change the size of the previous and next arrows (via the navButtonIconSize configuration option) and the color (via navButtonIconColor, navButtonIconHoverColor and navButtonBackColor) but there is no built-in option to change the style of the arrows.
However, there are two things you could do:
(1) You could change the arrow icons for custom icons of your own following the Using Custom Icons instructions in the Theming Guide.
... or:
(2) You could use whatever images you like on your gallery's web page (perhaps just to the left and right of the gallery like in the web page you quoted) and use the Juicebox-Pro API (specifically the showPreviousImage() and showNextImage() methods) to have clicks on your custom images change the image in the gallery. That way, you could use the exact previous and next arrows from the gallery you quoted (assuming you have copyright permission to do so).

I hope this helps.
If you have any further queries, please let me know.

1,360

(3 replies, posted in Juicebox-Lite Support)

Juicebox will display animated PNGs (all images in a Juicebox gallery are displayed by regular dynamically-generated HTML <img> tags) but the processing of images whilst creating a gallery is handled by the particular program/plugin being used to build the gallery.

In the case of the Photoshop plugin, all accepted images (those with file extensions of .gif, .jpeg, .jpg or .png) will be converted into JPG files for the gallery.

If you want to include animated PNGs, then I would recommend using JuiceboxBuilder-Lite.
(1) Ensure that your files have the file extension .png (rather than .apng).
(2) Deselect the 'Resize Images' checkbox on the 'Images' tab (or ensure that your source images are within the maximum resize image dimensions) so that the source images are not resized by the application (which would also convert them into JPGs) but are just copied across to the gallery's 'images' folder.

1,361

(3 replies, posted in Juicebox-Lite Support)

If you are using the embedding code generated by JuiceboxBuilder-Pro (and presented on the application's 'Publish' tab), then you should follow the regular embedding instructions here and upload the contents of the gallery folder (not the gallery folder itself) to the directory that contains the HTML web page into which you have inserted the gallery's embedding code.

If you have uploaded a complete gallery folder to your web server, then you should use the baseUrl method of embedding documented here. The baseUrl method of embedding uses similar embedding code to the regular method but with a baseUrl entry pointing towards the gallery folder (so that Juicebox knows where to find the gallery).

For example, if you have a gallery folder named 'my_gallery_folder' and you upload the complete gallery folder to your 'ht_docs' directory, then you can use the following embedding code (changing the gallery dimensions and background color as necessary):

<!--START JUICEBOX EMBED-->
<script src="/my_gallery_folder/jbcore/juicebox.js"></script>
<script>
        new juicebox({
        baseUrl: '/my_gallery_folder/',
        containerId: 'juicebox-container',
        galleryWidth: '800',
        galleryHeight: '600',
        backgroundColor: '#222222'
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

The leading slashes in the paths above denote your root directory (in your case, your 'ht_docs' directory) so the embedding code above will work in any web page throughout your website without modification.

I hope this helps.
However, if you continue to experience difficulties, then please let me know and I'll try to help further.

1,362

(3 replies, posted in Juicebox-Pro Support)

Thank you for providing the links to your galleries.
Although I was unable to see the problem in your galleries (as they are password protected), I was able to replicate the problem in a test gallery of my own using the same configuration options that your galleries use.

Unfortunately it looks like you've found a bug whereby the Back Button does not respect the buttonBarIconColor when a non-default value is used for buttonBarIconSize.
I have notified the developers and this problem should hopefully be fixed in the next version of Juicebox-Pro.

In the meantime, it looks like a suitable workaround would be to set buttonBarIconSize to its default value of 20.
This should hopefully be an acceptable workaround as you currently use a buttonBarIconSize value of 22.

Thank you for reporting this issue.
I hope my workaround helps until the problem is fixed.

1,363

(4 replies, posted in Juicebox-Pro Support)

@Hoskin

Please feel free to share your own problem and solution here in the forum.
It might help others facing a similar problem.

For anyone else reading this forum thread and experiencing symptoms similar to those of the original poster ("works locally not on webserver"), please see this FAQ which might help:
My images show locally, but not when I upload them to my website. Why?

(The other Troubleshooting FAQS may also be helpful.)

1,364

(1 replies, posted in Juicebox-Lite Support)

This looks very much like a corrupt image (which has most likely happened during upload to your web server).
Try reuploading your images and clear your browser's cache before rechecking your gallery's web page.
If this does not help, then I would recommend trying a different FTP program to upload your images.
I personally use Filezilla (for Mac or PC). Its free and I've been using it for years without issue.
If you are a Windows user, then another free FTP program to try is WinSCP.
Hopefully changing your FTP program will help.

1,365

(3 replies, posted in Juicebox-Pro Support)

1. I'll experiment again and let you know. Yes, I could zip and upload my gallery on my server for download, but I don't want to make the link public...

OK, please let me know how you get on. If you would like to send me your gallery, just let me know and I'll email you with details of how to get the gallery to me.

2. I got it.

That's great!

3 and new : I have only a MacBook Air : anyway to emulate the retina display for Juicebox ? I have tried to change layout.css.devPixelsPerPx value in about:config on Firefox but it doesn't seem trigger the Media Queries to change the image size displayed...

layout.css.devPixelsPerPx seems to have the effect of changing the browser's zoom factor (but does not change the apparent pixel density in a way that Juicebox can detect).
If you want to test your Multi-Size gallery, then try using JavaScript in your gallery's web page to fool the browser into reporting a custom pixel density value.
Try adding the following code to your gallery's web page:

<script>
   window.devicePixelRatio = 2;
</script>

I would use this for testing purposes only and I would not recommend leaving this in your web page as it may report a false value (depending on the real pixel density) which would result in Juicebox serving up a less appropriate image size.

1,366

(3 replies, posted in Juicebox-Pro Support)

The Back Button should take on the buttonBarBackColor, the buttonBarIconColor and the buttonBarIconHoverColor (and this seems to work OK in a test gallery I've just created).

First of all, please make sure that you are using the latest version of Juicebox-Pro (v1.5.1) to ensure that any bugs from previous versions which have since been fixed are not contributing to your problem.
If necessary, instructions for downloading the latest version and upgrading existing galleries can be found on the Upgrading Juicebox support page.

Next, make sure that you do not have any custom CSS on your gallery's web page (for example if you use a custom theme) that might be overriding the gallery's own CSS.

I hope that these notes help.
However, if you continue to experience difficulties, please post the link to your gallery so that I can see the problem for myself and hopefully help further.
Thank you.

1,367

(3 replies, posted in Juicebox-Lite Support)

You're welcome!
I'm glad you've got it working. Thank you for letting me know.

1,368

(3 replies, posted in Juicebox-Lite Support)

With the pro version if I have both landscape and portrait views in the same gallery, can thumbnails both be seen 100%?

No. If you have a mix of both landscape and portrait images, then depending on your chosen values for thumbWidth and thumbHeight, either your landscape thumbnails or your portrait thumbnails will be cropped. (However, the main images in the gallery will be displayed in their entirety with no cropping, as long as imageScaleMode is set to SCALE or SCALE_DOWN.)

Also do the thumbwidth and thumbheight apply to the whole gallery or individual pics?  Thanks again.

thumbWidth and thumbHeight apply to the whole gallery. It is not possible to set thumbnail dimensions for each image separately.

1,369

(3 replies, posted in Juicebox-Lite Support)

Thumbnails in a Juicebox gallery are always the same size as each other.
In a Juicebox-Lite gallery, the thumbnails are all 85px x 85px.

The images are scaled to fill (not fit within) the thumbnail dimensions so, if the images have a different aspect ratio to that of the thumbnail dimensions, cropping will occur.

With Juicebox-Pro, you can change the thumbnail dimensions via the thumbWidth and thumbHeight configuration options (see the Thumbnail Options) but please note that thumbnails will all still be the same size as each other.

I hope this helps to explain what you are seeing.

1,370

(3 replies, posted in Juicebox-Pro Support)

1. I have problem to open a gallery : images are not loaded or sometimes I get No config.xlm file... Eventually I have to close JB and open it again to open a gallery

That sounds very strange (especially as the problem seems to be intermittent and not consistent).

First of all, if you are not already using the latest version of JuiceboxBuilder-Pro (v1.5.1), then you might like to try upgrading (upgrades are free within the same major version number) to make sure that any bugs from previous versions which have since been fixed are not contributing to your problem.
Please see the Upgrading Juicebox support page for details.

If you have any security software installed, try making an exception for the JuiceboxBuilder-Pro executable file (or temporarily disabling it) to see if this makes a difference. (Maybe it is somehow interfering with the JuiceboxBuilder-Pro processes.)

Maybe you could zip and upload your gallery folder somewhere (your web server or a file sharing service such as Dropbox) and provide a link so that I can try opening your gallery in JuiceboxBuilder-Pro on my own computer to see what happens.

Also, if there is any sequence of steps which you take to reliably reproduce the problem, please let me know so that I can try to replicate the problem on my own system and investigate further.
Thank you.

2. In config.xml I have :

        maxImageWidth="1024"
    maxImageHeight="768"
   
    largeImageWidth="2048"
    largeImageHeight="1536"
   
    smallImageHeight="600"

but no smallImageWidth line... strange... ?

Only non-default values are written to the gallery's XML file (this prevents the need to always have an entry for each and every configuration option) so if you use the default value for smallImageWidth of 800, then there will be no entry for it in the gallery's XML file (and JuiceboxBuilder will use the default value of 800).

If you change a default value, then an entry will be written to the XML file. If you then change the value back to the default value, the entry will remain in the XML file and the default value will be seen. (This would account for smallImageHeight="600" being present in your gallery's XML file, even though 600 is the default value.)

As long as there is a 'small' folder of images in your gallery' 'images' folder and there are corresponding smallImageURL attributes for the <image> tags in your gallery's XML file, then everything is likely to be absolutely fine.

I hope this helps to explain what you are seeing.

1,371

(3 replies, posted in Juicebox-Pro Support)

You're welcome.

1,372

(3 replies, posted in Juicebox-Lite Support)

'public_html' is the name given to the folder on your web server that represents your root directory.
As an example, if you were to upload a file named 'page.html' to your 'public_html' folder, then you'd be able to see the page by visiting http://alpinedescents.com/page.html
The folder name 'public_html' should not be included in any URLs.
With this in mind, the following should work fine:

<!--START JUICEBOX EMBED-->
<script src="http://www.alpinedescents.com/gallery/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        baseUrl: 'http://www.alpinedescents.com/gallery/',
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "rgba(34,34,34,1)"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Incidentally, I notice that you can visit your website using either alpinedescents.com or www.alpinedescents.com. However, if you hardcode paths using 'www' in your embedding code, then the gallery will display only when visiting www.alpinedescents.com (but not when visiting alpinedescents.com).
Please see this FAQ:
My gallery works on 'www.example.com' but not on 'example.com' (or vice versa). Why?

Therefore, I'd recommend that you use relative paths within your embedding code and your gallery will then display on both alpinedescents.com and www.alpinedescents.com.

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

The leading slashes in the paths above denote your root directory so the code will work in any web page throughout your site without modification.

For any other users reading this thread and embedding galleries in Adobe Muse, the following two links may be useful.
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,373

(3 replies, posted in Juicebox-Pro Support)

I'm very disapointed to discover I cannot create galleries with multi-sized image with the Lightroom plug-in...

Unfortunately, as you have discovered, the Lightroom plugin is unable to create a Multi-Size Image gallery.
If you'd like to create a Multi-Size Image gallery, then you'll need to use JuiceboxBuilder-Pro.

If I create a gallery with the plug-in, then add manually the "large" and "small" folder with the pictures, it's going to be ok or not ?

It would not be enough to just add 'small' and 'large' image folders. Juicebox-Pro needs to know the paths to the images so you'd need to also add smallImageURL and largeImageURL attributes to the <image> tags in your gallery's 'config.xml' file.
For example:

  <image imageURL="images/image_0001.jpg"
    thumbURL="thumbs/image_0001.jpg"
    linkURL="images/large/image_0001.jpg"
    linkTarget="_blank"
    sourcePath="C:\Users\Username\Desktop\Images\image_0001.jpg"
    largeImageURL="images/large/image_0001.jpg"
    smallImageURL="images/small/image_0001.jpg">
    <title><![CDATA[Image title goes here.]]></title>
    <caption><![CDATA[Image caption goes here.]]></caption>
  </image>

Also, I read that ProBuilder can read IPTC from Images -> Titles -> Use ITPC Title. Well, from Images, I don't have Titles, only Image Size and Watermark. If I select a picture, it displays a Title field, but nothing to select Use IPTC Title.

'Images -> Titles -> Use ITPC Title' is an option from the drop-down menu at the top of the application.
Please see the screenshot attached to this post.

For reference, if you use Adobe Photoshop to enter your IPTC data, then use the IPTC Document Title fields for the image titles and the IPTC Description fields for the image captions.

1,374

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

1,375

(3 replies, posted in Juicebox-Pro Support)

The Expand Button is automatically disabled when the gallery is inside a frame or iframe.
This is one of the drawbacks of using frames/iframes and it is noted here (scroll down to "2) Using an iframe").
(In a browser which does not support the Fullscreen API, the gallery would be expanded only within the frame/iframe which would be less than ideal.)

To avoid this issue, I'd recommend embedding your gallery directly in your web page using the standard embedding code noted here (and presented on JuicboxBuilder-Pro's 'Publish' tab).

I'd also recommend laying out your web page using CSS instead of frames. This should help to avoid many frame related issues across different platforms.
If you'd like to use a side menu (of constant width) and have the gallery take up the remainder of the page (no matter what shape or size the browser window is), then please see the View Resizable Gallery with Side Menu Example in the Embedding Multiple Galleries support section.
You can take a look at the source of the sample web page in your browser and copy/modify it to suit your own needs.

I hope this points you in the right direction.