You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 191 of 235)
When laying out a gallery, Juicebox essentially reserves enough space for the thumbnails and then allocates the remainder for the main images.
If your thumbnails are positioned below the main images, then the height of thumbnail area will be only what is required and setting thumbsVAlign="TOP" will make little or no difference. (It will be much more noticeable when positioning the thumbnails LEFT or RIGHT.)
Perhaps your main images are not large enough to fill the image area.
Try either increasing the resolution of the main images in your gallery, setting imageScaleMode="FILL" or reducing the height of your gallery.
There is a problem with your test gallery's XML file: http://www.billanddot.com/jalbum-juiceb … config.xml
There is a duplicate attribute: useFullscreenExpand="TRUE"
Try removing this to see if it helps.
This feature is now available in Juicebox-Pro v1.3.0.
Use the languageList configuration option. Please see here for details.
For example, if you simply wanted to change only the thumb paging text from 'of' to 'des', then use the following:
languageList="Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Open Image in New Window|Next Image|Previous Image|Play Audio|Pause Audio|Show Information|Hide Information|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Go Back|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|des"
Try using a high 'z-index' value for the message <div> so that it is stacked on top of all other elements on your web page, e.g.:
#message {
z-index: 9999;
}
The link will be to the web page into which the gallery is embedded.
If you embed your Juicebox gallery into an existing web page alongside other content, then the gallery's own 'index.html' file is not required and you do not need to upload it to your web server.
Is there a way to add an <hr> between thumbs and image?
No. Introducing a new element with a finite height would likely displace other elements within the gallery.
I also wanted the caption between the thumbnails (on top) and the main image (on bottom) but when I do that they only intermittently appeared.
Using thumbsPosition="TOP" and captionPosition="BELOW_THUMBS" should work OK (though you may need to change the default value for the maxCaptionHeight configuration option). If your captions display only intermittently, please post the URL to your gallery so that I can take a look.
Also, is there a way to subtly hint that autoplay is available? I am thinking maybe some kinda of timer with a notice "Use spacebar to autoplay gallery images" for a few seconds before loading in the gallery?
There are many ways in which this could be achieved.
Here is a simple example (using jQuery) which displays a message and automatically fades it out after 5 seconds.
Create a sample gallery with JuiceboxBuilder-Pro and use the code below as your gallery's 'index.html' file.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Juicebox-Pro Gallery</title>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<style type="text/css">
body {
margin: 0px;
}
#message {
background-color: #acc2e3;
position: absolute;
top: 50px;
left: 20px;
font-size: 20px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
width: 350px;
text-align: center;
}
</style>
</head>
<body>
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : 'juicebox-container'
});
setTimeout(function(){
$("#message").fadeOut("slow");
}, 5000)
</script>
<div id="juicebox-container"></div>
<div id="message">Use spacebar to autoplay gallery images.</div>
<!--END JUICEBOX EMBED-->
</body>
</html>
If you like, you can post suggestions in for future versions in the Feature Requests thread.
Path to jbCore folder and juicebox.js:
The path to the jbcore folder has to be a relative path in relation to the page else the fonts are not displayed. You will get numbers.
Are you able to provide an example of this? I have used an absolute path to the 'juicebox.js' file and also a path with a leading slash but have been unable to replicate this problem.
IE8: The font symbols are a square and not round
This is a known issue with IE8 which we are currently investigating.
FirstImageIndex
The gallery start at picture two and not one when the gallery loads
I am unable to replicate this issue. Setting firstImageIndex="1" in a Juicebox-Pro v1.3.0 test gallery initially displays the first image as expected. Can you please provide an example of this issue? Thanks.
BackgroundUrl:
Background picture is not displayed, I load the background picture in the new juicebox. It is displayed for a split second and disappears.
This issue has already been addressed and will be fixed in the next version of Juicebox-Pro.
You can set the thumbnail dimensions on the 'Images' tab of JuiceboxBuilder-Pro and the application will set the thumbWidth and thumbHeight values in the gallery's XML file accordingly.
However, all the thumbnails will share the same dimensions. This cannot be changed.
We aim to release a fix for this bug as soon as possible but, in the meantime, try loading the 'jquery-1.9.1.min.js' file after the 'juicebox.js' file on your web page. I cannot be certain that your jQuery functions will work as expected but my tests show that the gallery should display OK.
Fotomoto support has been included in Juicebox-Pro v1.3.0.
Please see here for details.
For reference (and others reading this post), instructions for installing the Juicebox Lightroom plugin can be found here.
If you are having trouble copying the 'juicebox.lrwebengine' package to the correct location, perhaps this more detailed explanation of how to install a Web Engine on a Mac will help. (Although the instructions are not specifically for the Juicebox plugin, installation for all Web Engines is the same.)
I notice that your galleries do not display at all on IE10 (though they do display in Firefox, Chrome, Safari and Mobile Safari).
Try viewing the galleries on their own pages (rather than embedded in your main pages) to see if this makes a difference:
http://centerlinegraphicdesign.com/Home … arkup.html
http://arabian-training.com/Home_files/ … arkup.html
The galleries themselves do display OK in IE10 when I view them on their own so they may also display OK on your Android device.
This suggests that there is something that both IE10 and your Android browser do not like about the way the galleries are being embedded using the iWeb widget.
It may have something to do with the fact that your main pages use the XHTML 1.0 Transitional Doctype Declaration (with a missing xmlns attribute for the 'html' element) whereas your gallery pages (used by the iWeb widget within your main page) use the HTML 4.01 Transitional Doctype Declaration.
Try matching the Doctype Declarations for all your pages to see if this helps (and, if using the XHTML 1.0 Transitional Doctype Declaration, fix the missing missing xmlns attribute for the 'html' element on your main pages).
At the moment, the use of the imageURL for Fotomoto is hard-coded into the 'juicebox.js' file (which is obfuscated and cannot be modified). Please post this suggestion in the Feature Requests thread where it will not be overlooked. I cannot promise that it will be included in a future version but I agree that it would be a good idea.
Thank you for reporting this issue.
I have been able to replicated the problem and have logged a bug report.
If you want to go directly to the fullscreen version of a gallery within a WordPress post, you can add #expanded to the URL of the post containing the gallery, e.g. http://www.example.com/wordpress/?p=123#expanded
You would need to modify WordPress source files to achieve this though.
You would need to find where WordPress generates the links to posts from the main overview page (and also the links to previous and next posts from individual post pages), add a check to see if the post contains a Juicebox shortcode and, if it does, add #expanded to the link URL.
I see my last reply is gone. An email indicates you left a reply to that response, but it too is gone. I am reposting in case of technical glitches.
Yes, sorry about that. A few posts have disappeared over the past 24 hours due to a hosting issue but that has now been resolved.
With regard to your query, if I paste your Flick Set Id (72157633271767055) into JuiceboxBuilder-Pro, it correctly displays your 13 images.
The problem is that your gallery is a Juicebox-Lite gallery (as can be seen by the Juicebox badge/logo in the bottom right corner of the gallery) and the flickrSetId configuration option is supported by Juicebox-Pro only.
You can upgrade your WP-Juicebox installation from Juicebox-Lite to Juicebox-Pro by following the instructions on this page.
(As your Juicebox-Lite gallery uses Flickr as a source of images but does not include a Flickr User Name and does not support flickrSetId , it displays Flickr's 'most interesting' public images.)
Thank you for reporting. I have logged a bug report.
I notice that your gallery itself has a fixed width of 1000px. Try changing your gallery's dimensions (in the embedding code) to 100% x 100% so that it simply fills the iframe.
(If you had access to the code on the webpage, you could also scale the content for mobile devices by using the <meta> viewport tag.)
Yes. If you would like to exclude Authors and Contributors from accessing the 'WP-Juicebox -> Manage Galleries' page (from where galleries can be edited and deleted), open the plugin's 'wp-juicebox/wp-juicebox.php' file in a plain text editor and change the instance of 'edit_posts' in line 78 to 'edit_others_posts'.
Please note that the line number refers to the current version of WP-Juicebox (v1.3.0.0).
In my own test gallery, I was setting the 'font-family' in the 'body' tag, e.g.:
body { font-family: Arial, Helvetica, sans-serif }
In doing so, the problem you reported does not arise.
Also, using the * wildcard to set the 'font-family' will override the galleryFontFace configuration option.
Thank you for reporting the issue. I have notified the developers.
What you are seeing is the Splash Page. This is the default behavior in Small Screen Mode.
For more information about Juicebox and Screen Modes, please see here.
If you would rather have Juicebox display the gallery in place of the Splash Page, set showSplashPage="NEVER".
Alternatively, you could force Juicebox to use Large Screen Mode in all browsers and on all devices by setting screenMode="LARGE".
What I want, on all displays, is for the picture to appear as wide as the screen / or div container, and for the thumbnails to be immediately underneath it.
If you want thumbnails to be displayed below the main image when the gallery is displayed in all browsers and on all devices, then you would have to set screenMode="LARGE".
I think that on a phone and an ipad I'd like the container to be 50% of the height of the total screen
It would be very difficult to use the controls in a Large Screen Mode gallery whose height is 50% of an iPhone screen. This is why the default behavior of Juicebox is to use a Splash Page to then open the gallery fullscreen where the controls are slightly larger and easier to tap.
Could I add a line of code to change the rules based on the width of the screen and or device?
Juicebox already adapts to different devices and screen sizes and it would not be recommended to try to override Juicebox's own detection mechanisms with your own JavaScript code. Please see the Gallery Tour for details.
Currently, going directly to the first image in your gallery (http://www.smiffmusic.ch/test/images/035.jpg) results in an error 403 (Forbidden).
Please check the permissions of your gallery's 'images' folder (and the images themselves) on your web server to ensure that they are not too restrictive.
Thank you for reporting this but I have so far been unable to replicate the problem you have described (using Juicebox-Pro v1.3.0).
Please post the code of a simple test case or post the link to a gallery which demonstrates this behavior so that I can investigate further.
Thank you.
Where did the > come from?
I do not know. I have been unable to reproduce this problem.
I created a gallery in Lightroom (setting enableDrectLinks="TRUE" in the Pro Options text area). I then opened the gallery in JuiceboxBuilder-Pro v1.3.0 and re-saved the gallery on the 'Publish' tab and the enableDirectLinks value was still "TRUE" (not "TRUE>").
Have you edited your gallery's XML file manually at any stage?
If the enableDirectLinks configuration option was the last attribute in the opening <juiceboxgallery> tag, then there would be a closing > character immediately after it, e.g.:
<juiceboxgallery enableDirectLinks="TRUE">
If the closing > character was inside the quotes, then it might get escaped somewhere along the way to >
Posts found: 4,751 to 4,775 of 5,851
