You're welcome!
I'm glad you've got it sorted out. Thank you for letting me know.
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
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.
I have noticed an inconsistency, however. I'm getting a dark area below images in my davebreen.com/scenics gallery, but not in a "hidden gallery" (davebreen.com/page5).
This is possibly due to setting captionPosition="BELOW_IMAGE" in your 'scenics' gallery.
When captionPosition is set to OVERLAY or OVERLAY_IMAGE, the height of the caption area is variable (it will increase, if necessary, to accommodate long captions) up to a maximum value set via maxCaptionHeight (default value, 120px).
However, when captionPosition is set to BELOW_IMAGE, BOTTOM or BELOW_THUMBS, the height of the caption area is fixed at the maxCaptionHeight value so, unless you change the value of maxCaptionHeight (or the captionPosition), there will always be a reserved area 120px high below your images.
For reference, short descriptions of all the Caption Options and their possible values can be found here.
OK, I've found the config document that goes to the webhost. Is it updated if I reopen a gallery in Builder? I would need to send the new one to the host, correct?
Just to clarify, the gallery's configuration options are stored in the 'config.xml' file.
If you open and edit a gallery with JuiceboxBuilder-Pro, the 'config.xml' file will be updated (with any new image data and modified configuration options) when the gallery is re-saved on the 'Publish' tab.
You will then need to re-upload the new version of the 'config.xml' file to the gallery folder on your web server (along with any new images and thumbnails you have added to your gallery).
Well, now I've lost the gallery of scenics.
When I go to '/scenics/index.html', I get an error 404 (file not found).
It looks like the gallery's 'index.html' file (inside the 'scenics' folder is missing). You'll need it to display the gallery on its own web page.
However, as long as all the other gallery files are present and correct, you can still embed the 'scenics' gallery into another web page by using the following embedding code:
<!--START JUICEBOX EMBED-->
<script src="/scenics/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: "/scenics/",
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "600",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
I'm glad you've got your gallery image displaying as it should but it seems very strange that a ' character in an image title should cause a problem.
WP-Juicebox enclosed image titles and image captions within CDATA tags so apostrophes should cause no problems.
Also, as you say, you have other images with apostrophes in their titles which display without issue.
In any case, I'm glad things are working the way they should.
I'm glad you're making progress. Thank you for letting me know.
I hope you get on OK but if you get stuck with anything, just let me know and I'll do my best to help you out.
Even though your system tells you that Safari is the default browser, try changing it to something different, e.g. Chrome or Firefox (and check the JuiceboxBuilder-Pro 'View in Browser' functionality after doing so), and then change it back to Safari.
I'm not sure if this will help but it's certainly worth a try.
When a gallery is expanded on a page of its own (when setting expandInNewPage="TRUE"), Juicebox uses a session cookie to pass the gallery's configuration options on to the new web page.
However, this is just a session cookie which is automatically deleted when the browser sessions ends.
Juicebox does not set any persistent cookies and there is no association between Juicebox and carrierzone.com.
Your carrierzone.com cookie has nothing to do with Juicebox.
I hope this helps to clarify things.
Many thanks for providing your Filezilla screenshot.
Your root directory is named 'davebreen.com' and you have successfully uploaded your gallery folder (named 'Kayden') to your root directory.
You can now view your gallery (on its own web page) by visiting [Link removed.].
(I'll delete this link once you've had a chance to check it out.)
If you want to embed the gallery into an existing web page alongside other content, then all you have to do is add the following embedding code into the web page wherever you want the gallery to appear (and you can leave all your gallery files exactly where they are).
<!--START JUICEBOX EMBED-->
<script src="/Kayden/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: "/Kayden/",
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "600",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
There should be no need to modify this embedding code at all (no matter where on your web server the embedding page is) but you can change the gallery dimensions and background color if you like.
If you are using a web design package to add the embedding code to a web page, then make sure that you add the embedding code (above) as HTML code and not plain text.
It looks like you've not attached a screenshot to your post so I'm not able to take a look at your Filezilla window.
At its most basic, all you need to do to have a gallery live on your web server is upload the entire gallery folder to your web server (anywhere will do as long as you know where it is).
You can then view the gallery (on its own web page) by visiting the gallery's 'index.html' file (inside the gallery folder) in your browser.
I'd recommend uploading the gallery to the root directory of your web space for convenience.
The root directory is the directory that you'd upload a file (or folder) to so that it is the first thing in the URL after your domain name.
For example, if you uploaded a file named 'test.html' to your root directory and your domain name is www.example.com, then you would be able to view the 'test.html' file using this URL: http://www.example.com/test.html.
The root directory is usually named something like 'public_html', 'htdocs' or 'www' but if you are unsure what your own root directory is named (or how to navigate to it using an FTP program), then your web host should be able to help you out.
Once you've got the gallery uploaded to your web server, you can then embed the gallery into an existing web page alongside other content (if you want to), by copying and pasting the embedding code I posted above into your web page wherever you want the gallery to appear. (The embedding code assumes that your gallery folder is named "my_gallery_folder" and has been uploaded to your root directory. As long as this is true, then the embedding code can be used exactly as it is without modification.)
I hope this makes sense.
If you continue to experience difficulties, then please let me know how far into the process you get and what seems to be the stumbling block.
Also, please post the screenshot you mentioned so that I can see what you are referring to. It might help me to troubleshoot your problem. Thank you.
The hexagon spinner you describe is displayed whilst an image is loading (and will continue to be displayed if an image cannot be loaded for whatever reason).
Please see this FAQ which might help:
My images show locally, but not when I upload them to my website. Why?
Try viewing the images you are having trouble with directly in your browser (paste the location of each image directly into your browser's address bar), bypassing Juicebox, to see if the images are displayed on their own.
If the images are not displayed, then, as well as the suggestions in the FAQ above, please check the following:
(1) Make sure that the images have actually been uploaded to your web server successfully and are in the correct location.
(2) Make sure that the images on your web server do not have permissions that are too restrictive and prevent them from being displayed. Default permissions of 644 should be fine. (You should be able to check and change permissions using your web hosting account's online file manager or a dedicated FTP program.)
I hope this helps.
However, if you continue to experience difficulties, then please post the URL to your gallery's web page so that I can see the problem for myself and hopefully help further.
Once I am able to see your gallery live on your web server, I should hopefully be able to determine the exact cause of the problem and propose a solution.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.