You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 152 of 234)
It can be difficult to scroll on top of a gallery as the initial tap may be identified as the start of a swipe gesture to navigate between images. (You should be able to scroll on top of a gallery but you just need to be very careful about it.)
I would recommend using a Splash Page for an embedded gallery (which should always be used in Juicebox-Lite in an embedded gallery anyway).
Please post the URL to your gallery's web page so that I can take a look and perhaps suggest something which may help.
I'm pretty sure it's your web page's footer overlapping the bottom of your gallery.
Try reducing the width of your browser window and you will see the gallery and the footer separate from each other.
Did you try my suggestion of adding the z-index CSS rule to your #footer_div?
I tried it (using my browser's developer tools) before posting the suggestion and it fixed the problem of the overlap being a different color to the rest of the footer bar.
The other option would be to change the layout of your page so that the gallery and footer never overlap.
It looks like the paths in your embedding code (the path to the 'juicebox.js' file and the baseUrl) are incorrect.
According to your embedding code, your gallery folder should be http://www.ptkmanila.com/newsite/latviagallery/ but your gallery files do not appear to be in there.
Also, according to your <script> tag, your 'juicebox.js' file should be located here: http://www.ptkmanila.com/newsite/latvia … uicebox.js
... but it does not seem to be here.
If you name your gallery folder 'latviagallery' and upload the entire folder (not just the contents) to your 'newsite' directory, then you can use the following embedding code:
<!--START JUICEBOX EMBED-->
<script src="latviagallery/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: 'latviagallery/',
containerId: 'juicebox-container',
galleryWidth: '100%',
galleryHeight: '100%',
backgroundColor: 'rgba(255,255,255,1)'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
To see my example in action, create a test gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' file with the code I posted.
This is not related to Juicebox or JuiceboxBuilder.
Juicebox does not use or require Java and JuiceboxBuilder is not a Java application.
(Juicebox uses JavaScript but Java and JavaScript are two very different things.)
If you are having trouble with the automatic Java updater on your computer, try downloading the installer file directly from the Java website.
There are several ways that a logo can be added to a Juicebox gallery.
Please see the Adding a Logo support section for details.
You are essentially currently using Option #4 from the link above. Try using either Option #2 or Option #3 instead. Either of these two options would include your logo within the gallery (rather than outside the gallery but on the same page).
I think what you are describing is your web page's footer overlapping the bottom of the gallery.
You could try changing the layout of your page so that the gallery and footer do not overlap each other.
Otherwise, you could perhaps give your footer a large z-index value via CSS so that it is always stacked on top of all gallery elements and appears consistent throughout its width.
Try adding the following CSS to your web page:
#footer_div {
z-index: 9999;
}
Unfortunately, it is not possible to change which configuration options are affected by a preset.
The Gallery Title is part of a preset and will always be applied to the gallery when a preset is used.
If you remove the galleryTitle entry from your preset XML file, a blank Gallery Title will be used.
Thank you.
I do not know how likely it is that Juicebox will add such functionality as an additional layout option but your suggestion is in the right place and will be seen by the developers.
Is it possible to do the same thing also on the mobile platform?
No. In Touch Input Mode (which is used on mobile devices and cannot be overridden via configuration options), when imageClickMode="NAVIGATE", a tap on the screen toggles the display of the overlay and the navigation buttons (or a swipe gesture) must be used to navigate between images.
There is no way to increase the navigation button hit areas in Touch Input Mode.
A scrolling gallery of images (where all images are displayed on a single scrollable page at the same time) is not something Juicebox was designed to do and, as such, it is quite far removed from the design concept of displaying only one main image at a time.
However, if you would like to make any suggestions for future versions of Juicebox, please post them in the Feature Requests forum thread. This keeps them all together and ensures that they are not overlooked. Thank you.
Thank you for the additional information.
I have been able to replicate the problem you describe and have logged a bug report with the developers.
It should hopefully be fixed in the next version.
In the meantime, depending on how you are trying to sort the images, I notice that sometimes, the action you perform is executed OK but requires a click on the 'Images' tab label (or a click on 'Customize' and then back to 'Images') to refresh the page (and display the images in the new order).
The image used for the Facebook thumbnail is taken from the web page's Open Graph og:image meta tag.
When creating a gallery with JuiceboxBuilder-Pro, the application inserts an og:image meta tag into the gallery's 'index.html' page. However, this will not be present in a WordPress page. In order to insert an og:image meta tag into your WordPress pages, you can use a plugin such as one of the ones in this page of plugin search results.
What version of JuiceboxBuilder-Pro are you using ('Help -> About JuiceboxBuilder-Pro...')?
The current version is v1.4.0. If you are not already using v1.4.0, then please try upgrading following the instructions here.
If you are already using v1.4.0, then it certainly sounds like something is amiss. I cannot replicate the problem. Dragging and dropping images into a new order works fine for me, as do the 'Images -> Sort' options.
Try uninstalling and reinstalling JuiceboxBuilder-Pro to see if this helps.
Does this happen with all galleries (try creating a new sample gallery with a few images in JuiceboxBuilder-Pro) or just certain ones?
You could use use the API method toggleThumbs() when the API event onExpand() is fired as follows:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="minimal-ui" />
<style type="text/css">
body {
margin: 0px;
}
</style>
<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
var jb = new juicebox({
containerId: 'juicebox-container',
galleryHeight: '400',
galleryWidth: '600',
showExpandButton: 'TRUE',
showThumbsButton: 'TRUE',
showThumbsOnLoad: 'TRUE'
});
jb.onExpand = function(expanded) {
jb.toggleThumbs();
};
</script>
<title>Test</title>
</head>
<body>
<div id="juicebox-container"></div>
</body>
</html>
I'm surprised to not see my answer of yesterday
I'm not sure what might have happened. (I did not delete any of your posts.) Perhaps there was a timeout which resulted in your post not being entered.
because I had seen what you say now, had corrected my CSS file, and as I was entirely satisfied of the result
That is great to hear. I have now marked this query as SOLVED.
It would certainly be safe to change it back when the bug has been fixed and you upgrade your gallery to the next version of Juicebox.
However, whether you need or want to change it back depends on how you want your gallery to behave when it is expanded (ie. whether or not you actually want the gallery to expand in a new page or not).
For more information on the expandInNewPage configuration option, please see here.
Opening a gallery (created in Lightroom or by any other method) in JuiceboxBuilder-Pro should not change the order of the images (unless you change the order yourself by dragging and dropping thumbnails on the 'Images' tab or by using the 'Images -> Sort' options from the drop-down menu at the top).
JuiceboxBuilder-Pro should just read the list of images from the 'config.xml' file and initially display them in the order that they are listed in.
Any additional images you add to a gallery in JuiceboxBuilder-Pro are added to the end of the gallery. They are not automatically put into alphabetical (or any other) order. However, once you have added all the images for your gallery, you can re-order them using the 'Images -> Sort' options from the drop-down menu at the top.
In Touch Input Mode, Juicebox automatically uses a slide image transition as this best matches the slide gesture used on mobile devices to navigate between images in a gallery.
This cannot be overridden. It is possible to force Juicebox to use Large Screen Mode on all devices and in all browsers (by setting screenMode="LARGE") but it is not possible to force Juicebox to use Mouse Input Mode and the imageTransitionType configuration option requires both Large Screen Mode and Mouse Input Mode.
(This is documented in the description of the imageTransitionType configuration option in the Main Image Options section of the Config Options page.)
Only applies for Large Screen Mode and Mouse Input Mode.
Have you tried setting expandInNewPage="TRUE" yet? The gallery on the zoomed-in page you quoted above still uses expandInNewPage="FALSE".
I realise that this does not sound like it will solve the problem (as it does not seem to be directly related to the functionality of the expandInNewPage configuration option) but this is the bug I referred to in my first post and I believe that setting expandInNewPage="TRUE" may solve your problem (as unlikely as it sounds). My own tests suggest that this should work.
(Be sure to clear your browser's cache after making the change and before reloading your web page to ensure that your browser is fetching and using the most recent versions of your gallery files.)
I have the code set for no "www.", but what if someone does use "www", how can I make the slideshow code able see both?
Try the following embedding code. The leading slash in the paths denotes your root directory and it should work for both http://johnstonsigns.com and http://www.johnstonsigns.com.
<!--START JUICEBOX EMBED-->
<script src="/JESCO-slideshow/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: '/JESCO-slideshow/',
containerId: 'juicebox-container'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
Also, I do have the index.html file in with the slideshow and if I click on it, I can view it. I'd still prefer that someone not see the file content by getting the index list. Anyway to fix this?
If you want to disable the directory listing display, this can be done at web server level.
Log into your web hosting account's CPanel and go to the 'Advanced -> Index Manager' option where this behavior can be changed.
Otherwise you can use a .htaccess file (on an Apache web server). Just do a web search with terms such as 'directory listing .htaccess' and you will find several tutorials.
The problem is with the vertical scroll bar on the entire page (not an element on the page).
The only way to prevent the problem is to apply the CSS rule to the 'body' tag as in my post above.
Please let me reassure you that the 'juicebox.js' file is completely clean and contains no malware or virus.
What you are reporting is a false positive (possibly due to the fact that the JavaScript file is packed and obfuscated, primarily to reduce its size).
If you run the Juicebox-Lite 'juicebox.js' file through Virus Total, you will see that it comes out 100% clean with a Detection Ratio of 0/50.
Here are the results.
It sounds like you may need to contact your web host and ask them to allow the 'juicebox.js' file to be loaded on your web site.
but it won't play on Firefox 29.0
Juicebox galleries should display fine in Firefox 29.0.
If you use absolute paths in your gallery's embedding code which hard-code any domains or subdomains, make sure that you access your web page using the same address.
For example, if you have a baseURL such as http://www.example.com/, then the gallery will display only if you go to http://www.example.com/ and not if you go to http://example.com/. This is due to the JavaScript same-origin policy. Use relative paths instead.
Also, If I go to the root file address to play just the slideshow, I get an index listing rather than the slideshow playing.
This sounds like you might be doing to a directory which does not contain the gallery's 'index.html' file. Make sure that your gallery's 'index.html' file has been uploaded along with your other gallery files.
If you continue to experience difficulties, then in order to troubleshoot further, I would need to see the gallery live on your web server so please post the URL to your gallery so that I can take a look and help further.
Now marked as [SOLVED]. Thank you for letting me know.
Posts found: 3,776 to 3,800 of 5,849