You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 212 of 232)
I have successfully made 7 galleries so far, but I cannot get my 8th and final one made.
Were all 7 successful galleries made with JuiceboxBuilder-Lite v1.2.0 or were they made with a previous version of JuiceboxBuilder-Lite prior to attempting to create Gallery #8 with v1.2.0?
After adding photos, I click on Customize, which shows a question mark in each picture instead of the picture itself.
Do the thumbnail images display OK on the 'Images' tab or do the question marks appear only in the live preview window on the 'Customize' tab and in the generated gallery?
If the problem occurs only with certain images (i.e. those for Gallery #8), perhaps you could upload several of the original images and provide a download link so that I can try them for myself and see if I can replicate the problem on my own system. Thank you.
Unfortunately, I do not know what code in your .htaccess file may be causing the problem but now that you have found that the problem is related to BulletProof Security, you may find further help in the BulletProof Security forum.
I notice there are many forum posts which deal with 403 errors. Perhaps searching though the forum will provide a solution to your problem.
To install JuiceboxBuilder-Pro v1.2.0 successfully, you will need to uninstall the previous version of JuiceboxBuilder-Pro before installing v1.2.0:
• Mac: Delete the 'JuiceboxBuilder-Pro' file from the Applications folder and then empty your Trash
• Windows: Use 'Control Panel -> Programs -> Uninstall a program'
This bug has now been fixed in v1.2.0. Please see this Juicebox Blog entry for further details.
This bug has now been fixed in v1.2.0. Please see this Juicebox Blog entry for further details.
This bug has now been fixed in v1.2.0. Please see this Juicebox Blog entry for further details.
This bug has now been fixed in v1.2.0. Please see this Juicebox Blog entry for further details.
This bug has now been fixed in v1.2.0. Please see this Juicebox Blog entry for further details.
This bug has now been fixed in v1.2.0. Please see this Juicebox Blog entry for further details.
This bug has now been fixed in v1.2.0. Please see this Juicebox Blog entry for further details.
This bug has now been fixed in v1.2.0. Please see this Juicebox Blog entry for further details.
Juicebox-Pro does not feature lightbox functionality but you could incorporate a lightbox into your gallery and have each image displayed in the lightbox when clicked by following the instructions below.
(1) This example uses Shadowbox so you would need to download and include the Shadowbox CSS and JavaScript files on your gallery's HTML page as documented here.
(2) This example also uses jQuery so would need to download and include the jQuery JavaScript file on your gallery's HTML page.
(3) Set imageClickMode="OPEN_URL" in your gallery's XML file (so that the corresponding linkURL is opened when a main image is clicked).
(4) Set every linkURL in your gallery's XML file to point to a JavaScript function (see Step #5 below) in your gallery's HTML page: linkURL="javascript: func();"
(5) Set every linkTarget in your gallery's XML file to '_self': linkTarget="_self"
(6) Set up the JavaScript function (in this example named func()) in the gallery's HTML page to use the Juicebox-Pro API (specifically the getImageIndex() and getImageInfo() methods) to determine the URL of the image to open in Shadowbox.
(7) Open the image in Shadowbox using the JavaScript method documented here.
Your gallery's HTML page would look something like this:
<!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" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript" src="shadowbox-3.0.3/shadowbox.js"></script>
<link rel="stylesheet" type="text/css" href="shadowbox-3.0.3/shadowbox.css">
<style type="text/css">
body {
margin: 0px;
}
</style>
<script type="text/javascript">
Shadowbox.init({
skipSetup: true
});
var jb;
$(document).ready(function () {
jb = new juicebox({
containerId : 'juicebox-container'
});
});
function func() {
var index = jb.getImageIndex();
var info = jb.getImageInfo(index);
var url = info.imageURL;
var title = info.title;
Shadowbox.open({
content: url,
player: 'img',
title: title
});
}
</script>
</head>
<body>
<div id="juicebox-container"></div>
</body>
</html>
... and a single <image> entry in your gallery's XML file would look something like this:
<image imageURL="images/wide.jpeg"
thumbURL="thumbs/wide.jpeg"
linkURL="javascript: func();"
linkTarget="_self">
<title><![CDATA[Title text]]></title>
<caption><![CDATA[Caption text]]></caption>
</image>
@pedro.pissarra
This is not possible using JuiceboxBuilder-Pro. You would need to create your own composite images in an image manipulation program such as Photoshop prior to feeding them to JuiceboxBuilder-Pro and your gallery would have only one thumbnail per composite image (not one thumbnail for each image within a composite image).
There is no way to set unique captions for each image within the Juicebox Photoshop Plugin's interface.
The plugin automatically uses the image's filename for the Juicebox <title> and leaves the Jucicebox <caption> empty.
If you wish, you can change this default behavior by opening the plugin's 'Juicebox.jsx' file in a plain text editor and modifying lines 544 and 545. Please note that these line numbers refer to the current version of the plugin (v1.1.1).
If you plan to edit the 'Juicebox.jsx' file, this Photoshop JavaScript Scripting Reference might come in useful.
Alternatively, you could edit the gallery (after it has been created by the plugin) in JuiceboxBuilder-Pro to add titles and captions to your images or you could edit the gallery's XML file ('config.xml') manually in a plain text editor and add your titles and captions there.
Do you have any forwarding or redirecting active on your domain?
WP-Juicebox uses the WordPress plugins_url method to determine the path to the 'jb-config.php' file so it should return the correct path and there should ordinarily be no issues, as long as WordPress sees the same domain name that you use to access your WordPress installation.
Also, I would try temporarily disabling all other plugins to see if this makes a difference. If this works, re-activate each plugin one by one until it fails and you find out which plugin is causing the problem.
I am glad you have found a solution to your problem.
Thank you for posting back to let me know.
There should be no need to change the permissions on the 'wp-juicebox' folder itself (or any files contained within it).
Your defaults of 755 (for the 'wp-juicebox' folder) and 644 (for the 'jb-config.php' file) are fine.
The first thing I would try is to reinstall WP-Juicebox from scratch to ensure that all the necessary files are present and correct on your web server (just in case something went wrong with your initial upload and a file is missing or corrupt).
The current version of WP-Juicebox (v1.1.1) can be downloaded from this web page: http://www.juicebox.net/support/wp-juicebox/
If you continue to get this error when clicking the Juicebox icon on the 'Visual' toolbar, try changing the method of entry to 'HTML' and click the 'Add Juicebox Gallery' button there to see if you still get the error message.
Try giving your <div class="menu"> a high 'z-index' value via CSS so that it is stacked on top of all other HTML elements on your web page (including your Juicebox glalery).
Try adding the following code to the CSS section in the <head> of your web page:
The reason that the content of your page requires a scrollbar is that your gallery has a height of 100% and your header and footer have finite heights. (100% + header height + footer height > browser window height).
Possible solutions would be to either:
(1) Add the following code to the <head> section of your page to allow a vertical scrollbar to appear:
<style type="text/css">
body {
overflow: auto !important;
}
</style>
... or:
(2) Define your gallery's height as an absolute pixel value rather than as a percentage which will also allow a vertical scrollbar to appear.
... or:
(3) Implement the Using a Resizable Gallery with a Header solution, whereby you can specify absolute heights for your header and footer and the Juicebox gallery will occupy the remainder of the browser window (no matter what size it is) without the need for a vertical scrollbar.
It looks like incorrect MIME types on your web server might be the cause of your problem.
If you view my test gallery's XML file in a browser, you can see the code itself: http://juiceboxgallery.appspot.com/config.xml
If you view your gallery's XML file in a browser, the browser tries to render the page as if it were HTML: http://www.abbybedford.com/photography/config.xml
Also, If you view the first image in my test gallery directly in a browser, you can see the image: http://juiceboxgallery.appspot.com/images/wide.jpeg
If you view the first image in your gallery directly in a browser, the browser displays the source of the image: http://www.abbybedford.com/photography/images/wide.jpeg
Check with your web host to see if they can help you with this problem.
I created a test gallery using HTML 4.01 Transitional because that is the Doctype that you were using at the time and having a problem with and I wanted to show that using this Doctype can work OK.
It is not essential to use HTML 5. As long as your web page validates correctly, you can use whatever Doctype you like. As far as I am aware, there are no known issues with any Doctype in any browser as long as the code validates OK. However, if you are starting a web site from scratch, we recommend HTML 5 because it is the way of the future and has a very short Doctype Declaration which is difficult to get wrong: <!DOCTYPE html>
So, once again, I want to build a site in HTML5 and use Juicebox Lite embedded with it. Is it possible ?
Yes.
You recommand HTML5 and you give examples with HTML 4.01. Why ?
Perhaps the examples on the site should all use HTML 5 but they all use recognised Doctype Declarations, contain valid code and the galleries all work fine.
It would be possible to point a thumbURL towards a blank image (which does not visually represent the corresponding main image) but it is not possible to have Juicebox skip over a thumbnail and still have the main image displayed.
The Thumbnail Button in your gallery has a semi-transparent background when I view your gallery in IE9, just like in other browsers (see this screenshot [Screenshot removed.]). (The screenshot was taken whilst your gallery used the HTML 4.01 Transitional Doctype Declaration and the browser window was intentionally made small to ensure that there was content behind the button.)
Make sure Compatibility View is switched off.
You can name the Juicebox object anything you like.
Here is an example page using the Juicebox API (with the Juicebox object named 'abc') which contains links to show and hide the gallery using the API method showGallery().
<!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.2.min.js"></script>
<script type="text/javascript">
var abc;
$(document).ready(function () {
abc = new juicebox({
containerId : 'juicebox-container',
galleryWidth: '400',
galleryHeight: '400'
});
});
function show() {
abc.showGallery(true);
}
function hide() {
abc.showGallery(false);
}
</script>
</head>
<body>
<div id="click">
<a href="#" onclick="javascript: show();">Click here to show gallery.</a>
<a href="#" onclick="javascript: hide();">Click here to hide gallery.</a>
</div>
<div id="juicebox-container"></div>
</body>
</html>
Currently, your gallery does not display correctly in IE9 because your gallery's HTML index page uses the following code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Instead, use the full HTML 4.01 Doctype Declaration as documented on this web page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Posts found: 5,276 to 5,300 of 5,794
