You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 187 of 235)
@amber.au
The expanding multiple galleries bug has been addressed and will be fixed in the next version of Juicebox (although I do not know when it will be released).
I also notice that expanding the gallery and then closing or un-expanding it reloads my page without scrollbars so the user can only view the top content on the page!
I have been unable to replicate this problem in test galleries of my own.
Try checking your web page for HTML error with the W3C Markup Validation Service and fix any errors reported in case there are errors on your web page which are somehow contributing to the problem.
If the problem continues, please post the URL to your web page so that I can take a look.
This is a problem with the admin (backend) section and the 'jbcore' folder is used only when the gallery is displayed (the frontend) so swapping the Juicebox-Lite 'jbcore' folder for the Juicebox-Pro 'jbcore' folder will not help with the problem that you are experiencing.
When clicking the 'Add Juicebox Gallery' button, the plugin's own 'jb-config.php' file (in the 'wp-content/plugins/wp-juicebox/' directory) should open in the pop-up window. I do not know why your own homepage would open in the pop-up window instead.
Try reinstalling the current version of the WP-Juicebox (v1.3.1.0) from scratch to ensure that all plugin files are present and correct on your web server.
@chuckgporto
It may have something to do with the fact that the demo gallery uses a unique demo version of the 'jbcore' folder which is immune to the bug (rather than a release version).
In any case, the developers have been able to replicate the problem and it will be fixed in the next version of Juicebox (though I do not know when it will be released).
Yes. You can use the Juicebox-Pro API (specifically the onImageChange event and the getImageInfo method) to get the title and/or caption of the current image and display it wherever you like on your page.
Here is a an example which displays the title and caption of the current image in a <div> outside the gallery.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Juicebox Gallery</title>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="description" content="">
<style type="text/css">
body {
margin: 0px;
}
</style>
</head>
<body>
<script src="jbcore/juicebox.js"></script>
<script>
jb = new juicebox({
containerId : 'juicebox-container',
galleryWidth: '800',
galleryHeight: '600'
});
jb.onImageChange = function(e) {
var index = e.id;
var info = jb.getImageInfo(index);
var title = info.title;
var caption = info.caption;
document.getElementById("text").innerHTML = title + "<br />" + caption;
}
</script>
<div id="juicebox-container"></div>
<div id="text"></div>
</body>
</html>
You could modify the 'jbcore/full.html' page to include your banner ad and set expandInNewPage="TRUE" in your gallery's XML file to force Juicebox-Pro to use the 'full.html' page when expanding the gallery.
For more details on the expandInNewPage configuration option, please see here.
Is this possible with JB pro?
Yes. Set screenMode="SMALL" to force the gallery to be displayed in Small Screen Mode in all browsers and on all devices.
This will initially display a grid of thumbnails from which the user can select a main image. When the main image is selected, the user can return to the thumbnail page via the 'Toggle Thumbnails' button on the Button Bar. (You can use the Thumbnail Options to change properties of the thumbnails such as the dimensions and distance between them.)
For more information about Screen Modes, please see here.
can JB pro display the image title and caption in a a custom place on the canvas other than the options supplied?
No. Captions can be positioned only using the captionPosition and captionHAlign configuration options.
any reason the images are not showing up?
The forum software does not allow images to be embedded into posts. However, the links to your images are fine.
I genuinely do not know. However, the developers do read the suggestions in the Feature Request forum thread and many have been implemented. A large number of the new features introduced in Juicebox v1.3.0 started off as suggestions from users.
There is no movie clip but instructions can be found here. (Scroll down to the 'Adding Images From WordPress Media Library' section.)
Essentially, all images attached to the post containing the gallery will be displayed in the gallery.
Create or edit the post containing the gallery
Click the 'Add Media' button
Go to the 'Insert Media' section (which should be displayed by default)
Drag and drop your images into the media window
Wait until your images have finished uploading
Close the media window (do not click the 'Insert into post' button)
Publish or update your post
Sorry for the bad link. I have corrected the error in my previous post.
If there are, indeed, 14 images attached to the post containing the gallery, then they should be displayed in the gallery.
However, your gallery's XML file (http://lizstabbertphoto.com/wp-content/ … llery_id=1) shows no <image> entries.
In case there is a problem with any of the plugin's file, try re-uploading the entire 'wp-juicebox' folder to your 'wp-content/plugins/' directory to ensure that all files are present and correct.
Also, is there anything out of the ordinary about your WordPress installation that you can think of?
Otherwise I may need access to your WordPress installation and/or web server in order to determine the cause of the problem.
If you are willing to allow me access, I can contact you via email so that you can provide me with login details.
Do you have a release date for the next Juicebox-pro release ?
There is no set release schedule for Juicebox and I do not know when the next version will be released. Any estimate I give you could turn out to be wholly inaccurate.
However, if you would like to be notified of new releases, please subscribe to our newsletter at the foot of our homepage or follow us on Twitter @juiceboxgallery
If the next release date is too far for us, would it be possible for you to give us a patch or hotfix ?
Unfortunately, this would not be possible.
It looks like there is a problem with either your font files (in the 'jbcore/classic/fonts/' folder) or your 'jbcore/classic/theme.css' file (or perhaps a mismatch between version numbers).
Try re-uploading a fresh copy of the 'jbcore' folder (extracted from the Juicebox-Pro v1.3.1 download zip package) to your web server to ensure that all files are present and correct.
If this does not help, then please post the URL to your gallery so that I can take a look.
Please see the Embedding Using Dreamweaver instructions.
where do I put the juicebox folder to make it happen?
Essentially, if you follow the standard embedding instruction here, then you should upload the contents of your gallery folder to the same directory as the HTML document containing your gallery's embedding code.
Alternatively, if you use the baseUrl method of embedding (documented here) then you can upload your entire gallery folder (not just the contents) to your web server. It does not matter where on your web server you upload your gallery folder to as long as you know where it is and that the two paths within your gallery's embedding code (the path to the 'juicebox.js' file and the baseUrl itself) are correct.
No. There is no Juicebox plugin for Dreamweaver. Just follow the embedding instructions (either the standard instructions or the baseUrl method) and your gallery should display fine.
The page displaying your gallery is in this directory: http://www.maxphotostudio.com/index.php … dr-photos/
In this page, your baseUrl is:
baseUrl : 'wordpress/wp-content/Juicebox_Galleries/Kali_Kate_HDR/',
This is a relative path (relative to the page containing your gallery's embedding code) so, instead, you should use a leading slash to denote the root directory of your web space:
baseUrl : '/wordpress/wp-content/Juicebox_Galleries/Kali_Kate_HDR/',
When I look via Cyberduck, all the pertinent files and folders (config.xml, index.html, and the images, jbcore, and thumbs folders) are in the Kali_Kate_HDR folder.
If I go directly to http://www.maxphotostudio.com/wordpress … config.xml in a browser, I get the following message:
Whoops! Whatever you are looking for cannot be found.
Either the gallery files do not exist in the correct location on your web server or perhaps the permissions on your gallery folder are too restrictive and the contents cannot be read. Check that the permissions of your gallery folder (and all subfolders) are 755 and that the permissions of your gallery files are 644.
does it have something to do with me switching from .html to .php?
No. There may be a difference between the code on your HTML page and your PHP page but just changing the file extension from .html to .php will not, by itself, make any difference at all.
Perhaps there is something within your PHP includes that is making the difference.
Can we disable the default somehow?
No. This is hard-coded into the 'juicebox.js' file which is obfuscated and cannot be modified.
The imageTransitionType configuration option can be changed only for Large Screen Mode and Mouse Input Mode (not for Small Screen Mode or Touch Input Mode).
Thank you for posting your suggestion in the Feature Requests thread, though.
The two paths within your gallery's embedding code (the path to the 'juicebox.js' file and the baseUrl itself) are incorrect.
The file is in the gallery folder
Where have you uploaded your gallery folder to on your web server?
What is the URL of your gallery's 'index.html' file (inside the gallery folder)?
Use this (without the 'index.html' at the end) as your gallery's baseUrl.
Your WP-Juicebox gallery is a Media Library gallery but there are no images attached to the post containing the gallery so no images are displayed in the gallery.
You can add images to your gallery by attaching images to the post containing the gallery following the 'Adding Images From WordPress Media Library' instructions on this web page.
You would need to upgrade to Juicebox-Pro (which can be purchased from this web page) to remove the branding. The Juicebox badge/logo is present in all Juicebox-Lite galleries but not in Juicbeox-Pro galleries.
If you are referring to a Media Library sourced Juicebox gallery created by WP-Juicebox within WordPress, then you can remove an image from a gallery by going into your Media Library and unattaching the image from the post containing the gallery.
Your page still contains a lot of errors which should really be fixed.
Until the code on your page validates, I cannot be sure that the errors on your page are not contributing to the problem.
Have you tried my suggestion of using inline CSS to define your the width of your gallery's parent container?
When increasing the width of the browser window (from a very narrow width), the problem seems to occur when the browser window becomes wide enough to accommodate the second column of your web page, at which point the width of the first column (containing the gallery) is dynamically reduced rather than increasing in proportion with the width of the browser window. Juicebox may not be aware of this reduction in its parent container's width and using inline CSS (as I suggested in my last post) may help.
is it possible to add a custom button to the bar through api?
No. This is not possible.
It would be helpful to add option of no pin tag to thumbnails since they are terrible quality to pin.
You could try the following suggestion but please note that it is untested and I do not know if it will work.
You could listen for the Juicebox-Pro API onThumbPageChange(id) method to be fired (each time a new page of thumbnails is displayed) and use JavaScript to iterate over all the <img> tags on the page with class="jb-thm-thumb-image" and dynamically add the nopin="nopin" attribute to them.
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
jb = new juicebox({
containerId : 'juicebox-container'
});
jb.onThumbPageChange = function(e) {
var thumbs = document.querySelectorAll(".jb-thm-thumb-image");
var counter=0;
for (var i=0, max=thumbs.length; i < max; i++) {
thumbs[i].setAttribute("nopin", "nopin");
}
}
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
Try fixing the HTML errors on your page. (At present, your page looks to be a collection of many different pages as it has several opening <html> and <body> tags.)
Once your page's code validates correctly, your page should be rendered with greater predictability and consistency across different browsers.
You can check your page's HTML code with the W3C Markup Validation Service.
You can also check your page's CSS code with the W3C CSS Validation Service.
Also, as your gallery uses a percentage width, try using inline CSS to define your the width of your gallery's parent container, similar to the percentage height example given here.
On 1,3 are we able to configure behavior like small screen without sliding transitions?
No. In Small Screen Mode, the imageTransitionType defaults to SLIDE.
So I would either like to change those transitions to nothing
This is not possible in Small Screen Mode (where imageTransitionType will always be SLIDE, which is the transition which best matches the swipe gesture on mobile devices).
or to remove the larger image when thumbs are shown
This is possible only by setting screenMode="SMALL".
and each thumb should take me to an enlarged single image page.
It is not possible to link thumbnail images to unique URLs.
This variation is one of the most basic classic gallery configurations and if it cannot be achieved right now - it should added to the list of juicebox options.
Please post suggestions in the Feature Requests forum thread. It keeps them all together and ensures that they are not overlooked.
Thank you for posting the URL to your web page.
It certainly looks like the embedding code has been entered in 'Visual' mode.
Rather than just switching to 'Text' and updating your post, you will need to switch to 'Text' and re-paste your embedding code before updating the post.
Also, it looks like the paths in your embedding code may be incorrect.
You use paths such as:
http://www.maxphotostudio.com/public_html/wordpress/wp-content/Juicebox_Galleries/Kali_Kate_HDR/jbcore/juicebox.js
Although you upload your files to a folder named 'public_html' on your web server, it is unlikely that this folder name forms part of the actual URL.
Even removing the 'public_html' folder name from the URL, the path does not seem to be correct as the 'juicebox.js' file is not located here:
http://www.maxphotostudio.com/wordpress/wp-content/Juicebox_Galleries/Kali_Kate_HDR/jbcore/juicebox.js
Check that you have uploaded your gallery folder to the correct location on your web server and that the two paths within your embedding code (the path to the 'juicebox.js' file and the baseUrl) are correct.
I do not know the exact cause of the problem, only that it occurs if all of the conditions below are met:
I have logged a bug report with the developers.
Posts found: 4,651 to 4,675 of 5,851