You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 218 of 235)
Just noticed this morning in the new iOS6 that if the device is in landscape and you enter safaris new full screen mode the gallery shifts, what looks like, too far down on the page. When you exit the mode it snaps back but hoping that in the next version that could be addressed.
Thank you for reporting. I have logged a bug report.
Side note: do you have any plans for social media sharing links built into the gallery somehow? Keeping my fingers crossed for that one.
Not as far as I am aware. You would currently have to integrate such functionality manually.
These two forum threads may be useful to you:
http://juicebox.net/forum/viewtopic.php?id=148
http://juicebox.net/forum/viewtopic.php?id=160
Please post feature requests in this forum thread. It keeps them all together and ensures that they are not overlooked. Thank you.
There is no set time-frame for releases and no release date scheduled for the next version.
However, you can be notified of new releases by joining our mailing list and following us on Twitter (@juiceboxgallery).
Please scroll down to the bottom of our home page for details.
The caption area does appear but is completely transparent and the captions, being white, do not show up well against your web page's background.
At first sight, it looked like there may have been a CSS clash between that of your web page and the gallery itself.
However, I have created a test gallery using the same HTML code and XML settings as your gallery does and loading the same external CSS and JavaScript files that your web page does but I have been unable to replicate the problem you experience in IE8.
Try re-uploading your gallery's 'jbcore' folder to ensure that all core files are present and correct.
Also, try setting captionBackColor="rgba(0,0,0,.5)" in your gallery's XML file.
Your gallery currently has a height expressed as 100% but it is inside a <div> alongside other content rather than by itself in a parent container whose height has been explicitly specified so the browser does not know what to make of the 100% (i.e. 100% of what?).
Change your gallery's height to a fixed pixel value and it should display OK.
Try changing:
... to something like:
It appears as though a placeholder dummy image is used on mobile, and when clicked, a full screen version is loaded.
This is the Splash Page (displayed by default in Small Screen Mode) which can be disabled by setting showSplashPage="NEVER". Alternatively, you could set screenMode="LARGE" which will force the gallery to be displayed in Large Screen Mode (without the default Splash Page) on all devices and in all browsers.
On the desktop, the API works to control both copies of the gallery. For mobile, it does not...
The developers are aware of the issue regarding the API not functioning correctly when a new window is opened for an expanded gallery on a mobile device and hopefully a solution can be found for a future release.
In the meantime, hopefully, you might be able to workaround this issue by using one of the suggestions above.
Both galleries now display OK on my iPod Touch so they should also display on your iPhone.
Try clearing your browser's cache before reloading the galleries.
As the images on your front page link to the galleries on individual separate pages, you may wish to make your gallery dimensions 100% x 100% so that they fill the browser window. In doing so, Juicebox will bypass the Splash Page and display the galleries immediately.
I think it is unlikely that such functionality will be included in a future version of the plugin.
Although the full source code for the plugin is not available, you are free to modify the downloadable files as you wish.
You could also set the Gallery Title in the embedding code rather than in the XML file.
Remove the following line from the 'juicebox.lrwebengine/config.xml' file:
galleryTitle="<%= model.nonCSS.jb_galleryTitle %>"
... and add the following line to the embedding code (immediately after the new juicebox({ line) in the 'juicebox.lrwebengine/index.html' file:
galleryTitle: '<%= model.nonCSS.jb_galleryTitle %>',
You should send users the link to the page into which the gallery is embedded.
It is not possible to link directly to an embedded gallery in expanded fullscreen mode.
Perhaps you could incorporate the version number into the image name itself, e.g. image001_v2.jpg.
If the browser sees a new image name, then it will have no option but to fetch it from the server.
@fabian
That is correct. Please see this forum post in reply to your own query.
This is a known issue to which there is no known fix other than entering XML entities into the Gallery Title text field in their escaped forms as below:
& (Ampersand) -> &
< (Left angle bracket) -> <
> (Right angle bracket) -> >
" (Straight quotation mark) -> "
' (Apostrophe) -> '
Yes. Set showSmallThumbs="FALSE" and showThumbsButton="FALSE" in your gallery's XML file to disable the thumbnail page and button in Small Screen Mode (which is used by default on mobile devices).
In order to use AutoPlay, set enableAutoPlay="TRUE" and autoPlayOnLoad="TRUE" to start AutoPlay automatically when the gallery loads. You may also wish to set showAutoPlayButton="TRUE" to display the AutoPlay button and allow users to switch the AutoPlay functionality on and off.
You can choose the first image to be displayed in the gallery by setting the firstImageIndex configuration option.
The full list of 'Juicebox Configuration Options' can be found here.
Certain options are available in Large Screen Mode only (and are marked as such).
For more information on Screen Modes, please see here.
If you like, you can force the gallery to be displayed in Large Screen Mode on all devices and in all browsers by setting screenMode="LARGE".
The <div> into which the gallery is embedded is placed in your web page above the <table> containing your links.
Move the code:
<div id="juicebox-container"></div>
... to below the closing </table> tag in your page.
Incidentally, you have two 'juicebox-container' <div>s on your page next to each other. You can safely delete one of them.
Is there a way to avoid triggering the juicebox.js script too early when using it within a WYSIWYG editor?
You can defer the loading of a JavaScript file until after the page has been parsed by adding the defer="defer" attribute to the <script> tag. However, doing so with the 'juicebox.js' file will break the Juicebox gallery, not only within your editor but also in all browsers.
The problem seems to be with CKEditor's rendering of the page (in that it does not seem to be able to find the 'juicebox-container' <div> which, presumably, is included in your embedding code).
If you are currently using the baseUrl method of embedding, try switching to using an <iframe>, documented as Step #2 here, to see if this makes a difference. Conversely, if you are currently using an <iframe>, try the baseUrl method instead.
If using WordPress, perhaps something like the Google Analytics for WordPress plugin would be a good solution.
Otherwise, try searching the WordPress Plugin Directory with search terms such as 'hit counter' for other suggestions.
A Juicebox gallery's 'index.html' page is just a regular HTML page and you can insert tracking code (for example from Google Analytics, StatCounter or YellowTracker) into the page like you would any other page.
If you are embedding your galleries into existing web pages alongside other content using the recommended embedding code, then insert your tracking code into those pages instead of the gallery 'index.html' pages (which would become redundant).
Try the following as your gallery's 'index.html' page.
In a gallery with 12 images, the URL: index.html?id=12 will display the first image, index.html?id=11 will display the second image, etc. and index.html?id=1 will display the last image.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Juicebox-Pro Gallery</title>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="description" content="This is a Juicebox-Pro Gallery. Get yours at www.juicebox.net" />
<style type="text/css">
body {
margin: 0px;
}
</style>
<script src="jbcore/juicebox.js"></script>
<script src="jquery-1.8.1.min.js"></script>
<script type="text/javascript">
var jb, imageCount;
$(document).ready(function () {
jb = new juicebox({
containerId : 'juicebox-container'
});
jb.onInitComplete = function() {
imageCount = jb.getImageCount();
if (location.search) {
var queryString = unescape(location.search), queryArray = {}, re = new RegExp("([^?=&]+)(?:=([^&]*))?", "g"), queryComponent, queryInteger;
while (queryComponent = re.exec(queryString)) {
queryArray[queryComponent[1]] = queryComponent[2];
}
queryInteger = parseInt(queryArray["id"]);
if (!isNaN(queryInteger) && queryInteger > 0 && queryInteger <= imageCount) {
jb.showImage(imageCount - queryInteger + 1);
}
}
};
});
</script>
</head>
<body>
<div id="juicebox-container"></div>
</body>
</html>
You should not access the 'full.html' page directly. (If you do, you will see the 'Juicebox Error: Config XML file not found.' message.) It is used internally by Juicebox when the gallery is displayed fullscreen on mobile devices.
The page you should open in your browser is the HTML document into which you are embedding your galleries.
Taking one of your galleries as an example:
<div id="juicebox-container2">
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container2",
galleryWidth: "600px",
galleryHeight: "500px",
backgroundColor: "#222222",
baseURL: "gadesign"
});
</script>
If your entire gallery is contained in the 'gadesign' folder, then:
(1) The page containing the embedding code (above) should be in the same directory as the 'gadesign' folder.
(2) Your 'gadesign' folder should contain a 'jbcore' folder and the path to the 'juicebox.js' file should be:
<script src="gadesign/jbcore/juicebox.js"></script>
(3) There should be a trailing slash in your baseUrl:
If you continue to experience difficulties, please post the URL to the HTML page containing the galleries so that I can take a look.
Not at present but the addition of such an API event is on the roadmap and should hopefully be included in a future release.
Reading over the Yola Tutorial Using the File Manager, you will not be able to upload JavaScript files if you are a Yola Bronze user:
Yola Bronze
You have 2GB of storage available per site.
You can upload individual files up to 15MB each.
You are not able to upload .js or .html files.
Even if you are a Yola Silver or Gold user, it looks like the Yola File Manager simply allows you to upload files into a container from which you can then drag and drop individual files into your web page.
It does not seem to allow you to upload a number of files (such as those required for a Juicebox gallery) and have a publicly accessible URL for each one (like web space on a regular web server).
Therefore, it would appear that Yola is an unsuitable host for a Juicbox gallery and you would have to host your Juicebox gallery elsewhere and embed the gallery into your Yola webpage using an <iframe> (documented as Option #2 here).
If you do not have an account with a regular web host which allows you to upload files and folders to web space via FTP, a suitable host for a Juicebox gallery would be Dropbox.
(1) Download and install the Dropbox client program (from this web page)
(2) Create your Juicebox gallery with the method of your choice (e.g. JuiceboxBuilder-Pro)
(3) Drag and drop the entire gallery folder (not just the contents) into the 'Public' folder within the newly created Dropbox folder on your computer
(4) Navigate towards your gallery's 'index.html' file (within 'username/Dropbox/Public/gallery_folder/'), right-click it and select 'Dropbox -> Copy public link'
(5) Embed your gallery in your Yola web page (using Yola's HTML Widget) by inserting an <iframe> whose 'src' attribute points towards the 'index.html' page within your gallery folder (the URL you copied in Step #4 above), e.g.
<iframe src="URL_to_gallery_index_page" width="800" height="600" frameborder="0" scrolling="no"></iframe>
I hope you do not mind me asking you to please post feature requests in this forum thread.
It keeps them all together and ensures that they are not overlooked.
Also, other users may see your feature request and be inspired to post saying that they, too, would like such a feature to be included in a future version.
With enough interest, there is more likelihood that a feature would be implemented in a future release.
Thank you.
Adding custom nodes to the XML file may break Juicebox as it will not be expecting new tags or attributes to be introduced.
Even if the new nodes did not break the gallery, they would not be accessible via the Juicebox API as Juicebox would not know anything about them. You would have to parse the XML file manually using DOM techniques to extract the information you require.
One thing I couldn't find is, how are updates to a gallery handled?
Most methods of creating a gallery involve generating the gallery on your computer and then uploading the gallery to your web server via FTP.
Updating a gallery would, therefore, involve editing the gallery on your computer and then uploading the new gallery folder to your web server, replacing the existing one.
An alternative would be to use svManager , a PHP web application which allows you to create, edit and manage images online via a web browser interface.
Another alternative to this would be to use a dynamic method of creating your gallery's XML file (for example using PHP) at the time the gallery is viewed rather than at the time the gallery is created.
For example, you could have a setup whereby Juicebox displays all images in a specified folder (see this post for details).
In order to update the gallery, all you would need to do is upload new images to that folder.
Another question is if there are recursive galleries supported, something like
The Juicebox Skin for jAlbum allows you to create a multiple-gallery album in a single action (and includes support for folders within other folders).
When using the Juicebox skin, you can drag and drop a complete folder structure into jAlbum's main window and click 'Make Album'.
The resulting album will have a separate Juicebox gallery for each and every folder/subfolder in your input structure and all the galleries will be linked together via a JavaScript navigation tree.
Here is a sample album created by jAlbum and the Juicebox Skin.
Posts found: 5,426 to 5,450 of 5,855