No problem.
Thanks for confirming it works (and for reporting the problem in the first place).
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
No problem.
Thanks for confirming it works (and for reporting the problem in the first place).
Unfortunately, it is not possible to display the total number of images as part of the thumbnail paging text.
As a possible alternative, you could fetch the total number of images in the gallery using the Juicebox-Pro API getImageCount() method. You could then display the information elsewhere on your web page alongside your gallery.
For example:
<script src="jbcore/juicebox.js"></script>
<script>
var jb = new juicebox({
containerId: 'juicebox-container',
galleryWidth: '800',
galleryHeight: '600'
});
jb.onInitComplete = function() {
var total = jb.getImageCount();
$('#count').html('<p>Total Image Count: ' + total + '</p>');
};
</script>
<div id="juicebox-container"></div>
<div id="count"></div>- In C:\Program Files\JuiceboxBuilder-Pro\template\jbcore, the second line of juicebox.js reads " * Juicebox-Pro 1.4.4.1"
This is not a problem (for this new release).
The only change in the Juicebox-Pro v1.4.4.2 release (from v1.4.4.1) is to JuiceboxBuilder-Pro (the desktop application) which now includes the required meta viewport tag in the gallery's 'index.html' file.
The core Juicebox files (in the 'jbcore' folder) remain the same as in the v1.4.4.1 release so the internal version of Juicebox-Pro is still v1.4.4.1.
For more information on the new Juicebox-Pro v1.4.4.2 release, please see this blog entry.
- I've copied the \jbcore\ directory to C:\Users\...\AppData\Roaming\jAlbum\skins\Juicebox\res\juicebox\jbcore .
That's fine. That will ensure that the jAlbum skin uses the latest core Juicebox files.
- In jAlbum 12.7.2, if I click on the "i" icon for the Juicebox skin, it says "Current Version: 1.4.4.2" and "Latest Version: 1.4.4".
The 'Current Version' is taken from the 'skin.properties' file. As this is just a text string, I can set it to the same version number as the Juicebox release it relates to.
However, internally within jAlbum, a skin's 'Latest Version' number can be only be three numbers (major.minor.revision) which is why the skin is still on v1.4.4. If I increased the skin's version number to v1.4.5 (the minimum increase possible), this would cause even more confusion when Juicebox v1.4.5 is released.
In that gallery's index.html, there is no Meta Viewport data
It looks like you've found a bug in the jAlbum skin. In each folder throughout the album's structure, there is a 'gallery.html' file which can be used to view that folder's gallery on a page of its own. The required meta viewport tag is included in each of these files. However, if you deselect 'Process subdirectories' on jAlbum's 'Settings -> Advanced -> General' tab (to process only one directory and disable the navigation tree menu), the meta viewport tag is not included in the 'index.html' file (and it should be as all that will now be on the 'index.html' page is a single gallery).
I'll get a fix out for this as soon as I can but, in the meantime, you can either:
(1) Use the 'gallery.html' file instead of the 'index.html' file. You can rename it if you like.
(2) Open the 'index.html' file in a plain text editor and add the meta viewport tag manually.
<meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />Thank you for reporting this.
Edit:
The Juicebox skin for jAlbum has now been updated with the bugfix noted above (where the meta viewport tag was not included in the 'index.html' file when the gallery was the only content on the page).
It can be downloaded from the jAlbum skin repository here. (It's version number remains at v1.4.4.2 to keep it in line with the current Juicebox version number.)
You're welcome.
No problem. I'm glad that you've found what you were looking for.
You should be able to create a gallery with JuiceboxBuilder-Pro using accented characters in image filenames and view it locally but the problem is likely to arise when you upload the gallery to your web server.
As a test, upload an image with an accented character in its filename (such as 'café.jpg') to your web server and try to view the image directly by entering its URL into your browser's address bar (bypassing Juicebox).
You should not have such problems if you stick to using standard ASCII characters for your image filenames (rather than extended ASCII characters/accented characters).
That fixed the flashing
That's great to hear. Thank you for letting me know.
but the autoplay is still switching from fade to slide on mobile.
The imageTransitionType configuration option is supported in Large Screen Mode and Mouse Input Mode only. (This is noted in the short description of the option in the Main Image section of the Config Options page.)
You can force a gallery to be displayed in Large Screen Mode (by setting screenMode="LARGE") but on a touch-enabled mobile device, the Input Mode will always be Touch and the image transition type for Touch Input Mode will always be SLIDE (which is the transition which best fits with the swipe gesture for navigating between images).
It is not possible to override the Input Mode (Touch vs Mouse) in a Juicebox gallery.
If you are using WP-Juicebox (the Juicebox plugin for WordPress), then, from the Dashboard, go to 'WP-Juicebox -> Manage Galleries'.
Next, click the 'Set Defaults' button.
You can now enter Lite and Pro Options (in the Pro Options text area) as new custom default values. Click the 'Set' button (at the bottom of the settings window) to save them.
Now, each time a new gallery is created, it will use these new custom default values (which can be further tweaked for each individual gallery if necessary).
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 (and not other characters such as an apostrophe).
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.
JuiceboxBuilder-Pro can handle all images whose filenames use any or all of these unreserved characters.
However, you should be able to use apostrophes and quotes in image titles.
Please make sure that you are using the latest version of JuiceboxBuilder-Pro (upgrading instructions can be found here) or if you are building your gallery manually, make sure that your image title text is enclosed within <![CDATA[ ... ]]> tags.
For example, to display the text '"<>& (an unlikely combination of characters but one that demonstrates the need for CDATA tags), this won't work:
<title>'"<>&</title>... but this will work:
<title><![CDATA['"<>&]]></title>(JuiceboxBuilder automatically puts all image titles and captions within CDATA tags.)
I notice that the Cache-Control header for your website has the setting max-age=0.
From the Google Developers page:
“max-age”
This directive specifies the maximum time in seconds that the fetched response is allowed to be reused for from the time of the request - e.g. “max-age=60” indicates that the response can be cached and reused for the next 60 seconds.
Setting max-age=0 will expire all assets immediately, indicating that cached versions should not be used and that a browser should reload them from the web server.
Try setting something like the following in an .htaccess file in your root directory.
Header set Cache-Control "max-age=2592000"... or ask your web host to remove the max-age=0 setting from your website.
Hopefully this will solve your problem.
As Blogger is not a regular web host and you will not be able to upload your Juicebox gallery files directly to the web space that Blogger provides (Blogger's own web server), you will need to host your gallery elsewhere (such as Google Drive) and load the gallery into your Blogger page using an iframe.
Please see the Embedding in a Web Template Site support section for details.
That's great. Thanks for letting me know.
Thank you for pointing this out. I have notified the developers.
In the meantime, perhaps the easiest way to remove the text shadow from the Gallery Title (and the Back Button text) would be to remove (or comment out) line 980 of the 'jbcore/classic/theme.css' file.
text-shadow: 1px 1px 2px rgba(0,0,0,0.4), 0 0 5px rgba(0,0,0,0.2);Please note that the line number refers to the current version of Juicebox-Pro (v1.4.4.2).
I hope this helps.
I see the problem in your own gallery but I have been unable to replicate it in a test gallery of my own using, reproducing your gallery as closely as possible (using the same configuration options that your gallery uses and using image captions with links).
The main difference between your own setup and mine is the web server the galleries are hosted on.
This problem may be related to server-side caching.
If caching is disabled on your web server, then Juicebox will have to download the images every time it needs them (as it will not be able to request them from a cache) and this may be causing the problem.
If you have an Apache web server and have a .htaccess file with an entry such as the following (to disable caching), then please try removing it to see if it helps.
Header set Cache-Control "max-age=0, private, no-cache, no-store, must-revalidate"Otherwise, please check with your web host to see if caching is enabled on your hosting account (and if not, ask if they could enable it).
Be sure to clear your browser's cache after making any changes and before reloading your gallery's web page.
Hopefully this will help.
Us the link to download the latest version of Juicebox-Pro and you can then install the latest version of Juicebox-Pro on your laptop following the 'Installation' instructions in the JuiceboxBuilder User Guide.
You should be able to install the new version of JuiceboxBuilder-Pro on top your existing version but if you run into any problems, just uninstall your existing version first.
Further details on how to download the latest version and how to upgrade existing galleries can be found on the Upgrading Juicebox support page.
I'll try asking the support team from the Hover plugin
OK. They should certainly be able to point you in the right direction.
I would recommend using the baseUrl method of embedding as documented here.
This allows you to upload your complete gallery folder (not just the contents) to your web server. Keeping all the gallery files together inside the gallery folder should help to keep things organized.
It does not matter where on your web server you upload your gallery folder to as long as the two paths in the baseUrl embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.
For example, if your gallery folder is named 'my_gallery_folder' and you upload the complete gallery folder to your web space's root directory, then you could use the following embedding code in any web page within your site to display your gallery (changing the dimensions and background color as required).
<!--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.
Please also see the note regarding 'Embedding Using Dreamweaver' here.
The problem might be finding the correct element(s) to apply a high enough z-index to.
However, once you find them, you might need to use a z-index value higher than 9999. (Juicebox uses z-index: 9999; for the #jb-glry-dlg container in the 'jbcore/classic/theme.css' file).
Whatever ids or classes you were setting the z-index to 9999 on, try using a higher value to see it this helps.
Otherwise, whatever plugin you are using to display your hidden images, try contacting their support and ask how to increase the z-index value. They should know which elements/classes within their script the z-index value should be applied to.
You're welcome!
I'm glad that upgrading your gallery was all that was required.
Thank you for letting me know.
When a gallery is expanded (for example from the Splash Page on a mobile device), the gallery always fills the viewport.
It is not possible for a gallery to expand and retain features of the embedding page.
However, you can choose not to use the Splash Page and, instead, display the gallery directly in your web page (on the same page as your navigation menu where the Splash Page currently is) by setting showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Alternatively, you could set screenMode="LARGE" ('Customize -> General') to force the gallery to be displayed in Large Screen Mode on all devices and in all browsers. Large Screen Mode does not use the Splash Page by default (unlike Small Screen Mode).
For more information on screen modes and how Juicebox adapts to different devices and screen sizes, please see here.
I have just viewed both of your web pages and both galleries expand fine in Mobile Chrome and Mobile Safari on my own iOS device.
I notice that the gallery that you are having problems with is Juicebox v1.4.2 whereas the gallery that works OK for you is Juicebox v1.4.4.1.
Try upgrading the v1.4.2 gallery to v1.4.4.1 (instructions can be found here). Many bugs have been fixed since v1.4.2. Please see the Version History for details.
Hopefully this will solve your problem.
Be sure to clear your browser's cache after upgrading and if it still does not help, please let me know what device and browser you see the problem in (including operating system and version numbers) and also whether or not you see the problem in any of our own demo galleries. Thank you.
When I click yes, the first file is overwritten by the second.
In order to avoid the possibility of galleries being overwritten, I recommend that you save each gallery to a different folder. This keeps all galleries separate from each other and helps to keep things organized.
If you like, you can create a new empty folder for each gallery (maybe on your desktop) before building your gallery with JuiceboxBuilder-Pro. Then, on the 'Publish' tab, navigate towards this folder (via the 'Browse...' button) before saving your gallery inside it.
If you have all your galleries saved into individual folders, you can then upload the complete gallery folders (not just the contents) to your web server and embed the galleries into your web pages using the baseUrl method documented here.
Second issue, when I open Juicebox Pro and go to "open gallery" nothing happens.
When you click 'Open Gallery' you then need to navigate towards the gallery folder that you want to open. Highlight the gallery folder (do not go inside it and select a file) and click 'Select Folder'.
If you do not get a pop up 'Select Gallery Folder...' window when you click 'Open Gallery', then close JuiceboxBuilder-Pro and delete the following folder manually before re-opening the application and trying again. This should hopefully help.
Mac: /Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
Windows: C:\Users\your_username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
Please post the URL to your gallery so that I can take a look at the problem for myself.
It might just be a temporary glitch with the Flickr servers. You can check their current server status here: https://www.flickr.com/help/test/
However, once I am able to see your gallery (and the Flickr settings your gallery uses), I should hopefully be able to tell more.
I'm glad you've been able to solve your problem.
Thanks for letting me know.
Your gallery's image title and caption text colors are being overwritten by the following code in your 'style.css' page.
P
{
font-family:Arial, Helvetica, Verdana;
font-size:14px;
color:#3D4966
}This code sets the color for all text within all <p> tags within your web page, including those within your gallery.
(A gallery's image title and caption text is displayed within <p> tags.)
Solutions would be to modify the Juicebox CSS (as you have done in the gallery's 'theme.css' file) or to apply your custom CSS rules to only those elements on your web page which require them through use of CSS selectors.
For example:
p.custom {
font-family: Arial, Helvetica, Verdana;
font-size: 14px;
color: #3D4966;
}<p class="custom">This text will have the 'p.custom' CSS rules applied to it.</p>Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.