You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
When thumbsPosition="TOP" or thumbsPosition="BOTTOM", the maxThumbColumns value is used as a maximum value. (The number of thumbnail columns will never exceed the maxThumbColumns value.)
The actual number of thumbnail columns will depend on the thumbWidth and the available space in the user's browser window.
(When thumbsPosition="LEFT" or thumbsPosition="RIGHT", the maxThumbColumns value is used as an absolute value. (The number of thumbnail columns will always be the maxThumbColumns value.)
If you'd like to disable the frame width change when hovering over the thumbnails, then set thumbFrameWidth and thumbHoverFrameWidth (both in JuiceboxBuilder-Pro's 'Customize -> Thumbnail' section) to the same value.
If you have not changed thumbFrameWidth from its default value of "0", then set thumbHoverFrameWidth to "0" also.
If you'd like to prevent the main image from changing when hovering over the thumbnails, then set changeImageOnHover="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).
The demos are not available to download (as a zip file, for example) but you can certainly check out the configuration options used in a particular gallery by viewing its 'config.xml' file directly in your browser. (You can check the path of the configuration file in the gallery's embedding code. If the gallery's embedding code does not set a configUrl, the the 'config.xml' file will be in the same directory as the HTML page displaying the gallery.)
Most of the demo galleries are available as presets in JuiceboxBuilder-Pro (the standlone desktop application to create and edit galleries which comes with Juicebox-Pro).
You can select a preset via the 'Load Preset...' drop-down menu on the 'Customize' tab.
If you want to inspect the preset files, you can find them in the 'Documents/JuiceboxBuilder-Pro/presets' folder (and you can open the XML files in a plain text editor to see the configuration options used).
Unfortunately, the Juicebox Plugin for Lightroom does not support presets in the same way that JuiceboxBuilder-Pro does.
To replicate a demo gallery, you'll first need to set the individual configuration options used in the gallery via the plugin's interface.
However, once you've got a gallery configured that way you'd like it to be, you can save the settings as a Lightroom template by clicking the + sign to the right of the text 'Template Browser' (in the left panel of the 'Web' section) and select a name for your template.
At any time in the future, if you want to apply these settings to a gallery, expand the 'Template Browser' control panel, scroll down to the 'User Templates' section and select your template.
I hope this helps.
Unfortunately, the multiple gallery template is not available for download but you can view the source of the web page in your browser (depending on your browser, you can do so via 'Tools -> Web Developer -> Page Source' or something similar) and copy/modify the code to suit your own needs. (Some knowledge of HTML would be useful.)
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, namely Showkase.
Showkase is a PHP web application (installed on your web server instead of your computer) which allows you to create a complete portfolio web site (integrating multiple galleries) online.
Showkase has full support for Juicebox-Pro and the galleries can be created within the application itself in a web browser interface (or created with JuiceboxBuilder or the Juicebox plugin for Lightroom 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.
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, the free version) or Showkase-Pro (which comes with Juicebox-Pro).
The only difference between Showkase-Standard and Showkase-Pro is the bundled viewer (Juicebox-Lite vs Juicebox-Pro).
If you already have Juicebox-Pro, then you could purchase Showkase-Standard (if you wanted to) and integrate your Juicebox-Pro files by following the Installing a Pro Viewer instructions.
Unfortunately, this may not be possible.
After activating the JPEGmini plugin, are all images exported by Lightroom (whether from the Library module or the Web module, where the Juicebox Plugin for Lightroom is) processed by the JPEGmini plugin?
Have you tried exporting a Juicebox gallery with the JPEGmini plugin both enables and disabled to see if there is any difference in the resulting image size? (I do not have JPEGmini so cannot run such a test myself.)
If not, then it sounds like JPEGmini might need to provide an API to allow developers of other Lightroom extensions to utilise their plugin's functionality (and, from taking a look at their website, there does not seem to be one).
Even if it was possible to hook into the JPEGmini functionality, the Juicebox Plugin for Lightroom would need to be rewritten to incorporate such functionality (the user interface and underlying functionality of the Juicebox Plugin for Lightroom is not something that can be modified by users as the web engine is compiled and cannot be edited) and I think it is unlikely that the developers would be willing to rewrite the Juicebox Plugin for Lightroom to support a non-free third-party plugin.
If the images exported for a Juicebox gallery are not automatically processed by JPEGmini when the JPEGmini plugin is active (i.e. if Lightroom's exporting functionality is not automatically intercepted and overridden by JPEGmini in all scenarios), then it sounds like your current workaround is, indeed, the best course of action.
I realise that this is not a solution to your problem but I hope that it at least helps to clarify things.
In Small Screen Mode, the thumbnails on the thumbnail page are always centered. Unfortunately, there are no configuration options to vertically align the thumbnails to the top of the gallery in Small Screen Mode. (thumbsVAlign is a Large Screen Mode option only.)
The best I can suggest is that you 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 in future versions but this is certainly the best place for all ideas.
Thank you.
I'm glad it worked for you. Thank you for letting me know.
If you are trying to add many images to JuiceboxBuilder-Pro at once, then Adobe AIR (the platform on which JuiceboxBuilder-Pro runs) may not be able to allocate enough memory for the task at hand.
Even if your computer has plenty of free RAM, Adobe AIR applications are limited to around 1GB of memory allocation.
The workaround is to add your images in smaller batches (so try adding, say, 50 images at a time).
I hope this helps.
You're welcome!
I'm glad you've got it sorted out. Thank you for letting me know.
If you are creating or editing your gallery with JuiceboxBuilder-Pro, then you can remove the image filenames from the image titles by going to 'Images -> Titles -> Use None' from the drop-down menu at the top.
If you want to enter custom text for the image titles (or captions), then go to the 'Images' tab and click a thumbnail to reveal the input fields at the foot of the window.
If you want to hide the entire caption area (including the image titles, the image captions and the image numbers), then set captionPosition="NONE" in JuiceboxBuilder-Pro's 'Customize -> Caption' section.
Just to clarify (for others reading this thread), the image currently being viewed in the gallery is the image being shared when the Facebook share icon is clicked.
The shared link has a # at the end of the URL to signify which image in the gallery is being shared and, when the shared link is clicked, the gallery will display the shared image (rather than just the first image in the gallery).
However, the thumbnail image displayed in the Facebook pop-up share window will be taken from the web page's og:image tag and, therefore, is not a thumbnail of the image being shared (it is just a single representative image for the gallery as a whole).
The only user I know of who seems to have managed to overcome this restriction is sly from this thread.
I notice that his solution seems to be included within a rather complex custom JavaScript file (check out the 'jcaddon.js' file on his gallery pages) which overrides some of Juicebox-Pro's own sharing functionality and, therefore, is not officially supported.
(As such, I have not tested his solution myself and I cannot be sure that it will work across all platforms and in all browsers.)
However, I hope this points you in the right direction.
I have viewed a few of your guitar galleries on my own iOS device (Mobile Safari, iOS 11.3.1) and all the ones I've viewed display and function OK (without any error messages).
If the problem happened "out of nowhere" (were the galleries were previously working OK but suddenly stopped working without you having changed anything yourself), then it sounds like something may have happened on your web server to cause the problem.
As everything seems to be OK at the moment (at least for myself), then it sounds like the problem may have been a temporary glitch on your server which has now been resolved.
If you are still seeing the "Config file not found." message, then try clearing your browser's cache before reloading your web pages to see if this helps.
Also, please note that the Juicebox module for Drupal is an unofficial plugin which we did not write ourselves and it is the module's own custom code which generates the config files and the structure of the galleries. As such, if you continue to experience difficulties, it might be worth posting in the Drupal forum where the author of the module should hopefully be able to help you out further.
I hope this helps (or at least points you in the right direction).
Please let me know how you get on. (Hopefully the problem was just a temporary server glitch which has now been resolved.)
Please see my reply to your query in this forum thread.
1. Is there a way to make the button bar position in the annotation area...
No, the Button Bar can be positioned only via the buttonBarPosition and buttonBarHAlign configuration options.
Possible values for buttonBarPosition are OVERLAY, OVERLAY_IMAGE, TOP and NONE.
Possible values for buttonBarHAlign are LEFT, CENTER and RIGHT.
Please see the Button Bar Options section of the Config Options page for a full list of Button Bar configuration options.
2. I changed the annotation font for Futura - this looks good in the Juicebox Builder Pro preview but does not appear when previewed in any browser.
Here are a couple of tips which might help.
(1) The <font> tag has been deprecated and is not supported in HTML 5. CSS should be used instead. (Please see this web page for further details.)
Try something like this instead:
<span style="font-family: futura;">Sahara Desert</span>(2) If you like, you can specify a font for all gallery text via the galleryFontFace configuration option (in JuiceboxBuilder-Pro's 'Customize -> General' section).
(3) The font you specify (via CSS or galleryFontFace) will be displayed only if it is installed on the user's computer. Unless you are using a web-safe font (please see here for a list), it would be safer to use a web font (such as one of Google's free web fonts) if you want to be sure that your gallery text looks the same on everyone's computer. Please take a look at the Using Custom Fonts support section for details.
You are missing a comma after the line:
containerId : 'juicebox-container1'A comma is required to separate each configuration option in the embedding code. A missing comma will break the code.
Use the following instead:
containerId : 'juicebox-container1',Incidentally, as you use http://www.thepvongsa.co.th in the paths in the embedding code, your gallery will display only if you visit the gallery using http:// (and not https:// if your site is secured using an SSL certificate) and also only if you use the 'www' subdirectory (and not just thepvongsa.co.th).
The reason for this is the JavaScript Same-Origin Policy which you can read more about here.
It would be safer (and more flexible) to use the following embedding code. The leading slash in the paths denotes your root directory and the gallery should then display in all the scenarios I mentioned above):
<script src="/gallery1/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: "/gallery1/",
containerId: "juicebox-container1",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(34,34,34,1)"
});
</script>
<div id="juicebox-container1"></div>No worries.
I hope you get your problem sorted out.
This is a support forum for the Juicebox-Pro web gallery software from SimpleViewer Inc.
From your query, it sounds like you have purchased a 'JuiceBox Pro' from eMotorWerks, a completely unrelated company to our own (although the product names are the same).
You should be able to contact eMotorWerks via their online form here: https://emotorwerks.com/contact
I hope this points you in the right direction.
Unfortunately, the direct download functionality does not work on iOS devices so Juicebox automatically hides the Download Button when an iOS device has been detected. (The Direct Download button should display and function fine on Android devices, though.)
... I'm creating galleries with little/no problems now.
That's really great to hear! Thank you for letting me know.
Thank you for the update.
I'm glad we've been able to figure out the cause of your problem.
It's certainly safer to use only web-safe characters in image filenames (but you can still use whatever characters you like in image titles and captions).
The just showed up as broke images in JuiceboxBuilder-Pro as well as in the Lite version.
Thank you for the additional information.
The only thing I know of that would cause the problem you describe (a broken image icon on JuiceboxBuilder-Pro's 'Images' tab) is if an image filename contain a comma (',').
The developers are aware of this issue and a bug report has been logged so hopefully it will be addressed and fixed in a future version.
In the meantime, as an image filename forms part of a URL when uploaded to a web server, it would be wise to use only web-safe characters within image filenames. 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.
You should have no trouble (either in JuiceboxBuilder-Pro or on your web server) if your image filenames use only these web-safe characters.
I hope this helps to explain what you are seeing.
It sounds like you might be referring to adding image to a gallery in JuiceboxBuilder-Pro (rather than actually uploading your images to your web server).
Unfortunately, JuiceboxBuilder-Pro can handle images of no more than 4095px x 4095px when creating a gallery. (This is true of all versions of JuiceboxBuilder-Pro, including the current version, v1.5.1.) This is a limitation of Adobe AIR (the platform on which JuiceboxBuilder-Pro runs). Adobe AIR uses Adobe Flash Player as its runtime environment and the largest image size which Adobe Flash Player can handle is 16,777,215 pixels. This equates to a square image of 4095 x 4095. Please see this web page for details.
If you have images larger than this maximum resolution, then you could perhaps do one of the following:
(1) You could resize your images first in an imaging program (such as Adobe Photoshop) before feeding them to JuiceboxBuilder-Pro. (If you do resize your images prior to using JuiceboxBuilder-Pro, be sure to deselect the 'Resize Images' checkbox on the 'Images' tab to ensure that JuiceboxBuilder-Pro does not resize your images again.)
(2) There are plugins available to create Juicebox-Pro galleries with other programs (such as Adobe Lightroom) which do not have the upper resolution limit of JuiceboxBuilder-Pro. You can find details of these plugins here.
If you have Lightroom, Photoshop or jAlbum, you might like to try creating your galleries with these programs as an alternative to JuiceboxBuilder-Pro.
You should certainly be able to add small images to a gallery, though.
As a test, I've just tried images of filesizes 16KB and 28KB and both images display in the gallery as expected.
If the problem is with uploading your images to your web server, then the problem likely lies somewhere between your FTP program and your web server and your web host should be able to help you further.
I hope these notes help to clarify things.
However, if you continue to experience difficulties, please try to describe your problem in greater detail (let me know exactly what you are doing when the problem occurs and what, if any, error messages are displayed) and, if possible, please upload some of the images you are having trouble with (zip them, upload them somewhere and provide a download link) so that I can try to replicate your problem and help further.
Also, if the problem is with JuiceboxBuilder-Pro, it might help to know what resize dimensions you are using so please let me know this too.
Thank you.
Essentially, the problem is with the custom CSS on your embedding page (conflicting with the gallery's own CSS) rather than with the gallery itself.
As I mentioned above, a quick fix might be to just give your gallery a fixed height (of perhaps 600px) instead of a height of 100%.
galleryHeight: "600px",I hope this helps.
I'm sorry to hear that my suggestions have not helped.
I'm really not sure what might be causing your problem if it is not a default browser or file association issue.
If I think of anything else that might help, I'll be sure to post back.
In the meantime, the best course of action is to deselect the 'View in Browser' button and just double-click the 'index.html' file inside the gallery folder (as you are already doing).
It is happening in davebreen.com/scenics and /haircut (so far).
I see the problem you describe in your 'scenics.html' web page.
The problem is caused by the custom CSS on your web page (which seems a little confusing) rather than any gallery configuration options.
Your gallery has a width and height of 100% so it should fill its parent container.
However, the gallery's parent container (<div id="Gcode21" class="dfltc">) does not have any dimensions set via CSS so Juicebox will be unable to determine what the gallery's actual size should be (i.e. 100% of what).
To add to this, the <div id="Gcode21" class="dfltc"> container is nested inside the <div id="Oobj25"> container which has been assigned a width of 50.00em and a height of 30.80em and the <div id="Oobj25"> container is further nested inside the <div id="centered"> container which has been assigned different dimensions (a width of 432px and a height of 100%).
Here are a few tips which might help.
(1) Try to simplify your web page's layout (use only as many containers as you actually need). At the moment, your gallery is nested within 3 separate containers, each with different (or no) dimensions.
(2) If using a percentage height for your gallery, then make sure that all parent containers of the gallery have heights set via CSS (up to and including the body tag). Please also see the note regarding Using Percentage Heights.
(3) Try not to mix em, px and % for container heights. Stick to px and % to see if this helps.
(4) You also have some custom CSS (below) which will be applied to all <img> tags on your web page, including those in your gallery. The gallery will have no option but to inherit such generalized CSS code. Apply your custom CSS rules to only those elements on your web page that require them using CSS id and class selectors (rather than element type selectors).
img {
border-width: 0;
vertical-align: top;
}With all that in mind, I think a quick fix might be to just give your gallery a fixed height of, say, 600px (in the gallery's embedding code), e.g.:
galleryHeight: "600px",Incidentally, when I try to view your /scenics/ gallery (on its own 'index.html' page), I currently get an error 403 (forbidden) error which suggests that the 'index.html' file might be in place but with permissions that are too restrictive. Default file permissions of 644 should be fine. You should be able to check and change file and folder permissions via your web hosting account's online file manager or FTP program.
Should the "index page name" always be "index/html" (since I'm embedding galleries using baseURL), or should it include the page name I've given the page of my site? I don't find this covered anywhere.
You can name the gallery's HTML page anything you like. As you are using the baseUrl method of embedding, all gallery files will be contained within the gallery folder so there is no chance that files will clash with conflicting filenames so you can safely leave the name for each gallery's HTML page 'index.html' (although you can change this for each gallery if you want). If you plan to embed your galleries in existing web pages and do not want to display the galleries on pages of their own, then the gallery HTML pages are actually redundant and can be deleted from the gallery folders if you like.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.