You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 217 of 235)
When I view your gallery, 15 images are displayed.
If I enter your gallery's Flickr configuration options into Flickr's own API Explorer, 15 images are returned.
(Go to the web page in the link above, enter your user_id (87772524@N06) and your chosen tags (travel), select the 'Send' checkboxes for these two items and click the 'Call Method...' button at the bottom of the page.)
If I remove the tags option from the search, all 17 images are returned.
The missing images are 'Francoi and his donkey' and 'French and American Co-pilgrims' but I do not see anything obvious about these two images that make them stand out from the others.
When tagging images in Flickr, it can take some time (up to 48 hrs) for the tags to propagate fully through Flickr's system in order for the images to show up in API searches so perhaps they will show up in time. Take a look at the Flickr: Help: Tags page for further suggestions.
If, after 48 hrs, the two missing images still do not show up, I would try re-uploading them to Flickr and re-tagging them.
A workaround would be to group your images within Flickr as a set and display the set using Juicebox's flickrSetId configuration option.
Juicebox uses a Flickr API search to fetch the required images from Flickr's servers. The API search terms will be the same each time so if the results are inconsistent, this may be due to a problem at Flickr's end.
Please post the URL to your gallery so that I can take a look and see if I can replicate the problem you are experiencing.
@paulr
It would also be nice if it were possible to download or copy the link of an image without opening up an expanded view window. I know virtually nothing about HTML5 ... is this locking of the image intrinsic or is it a feature that can be turned on or off?
This is due to the fact that the gallery is displayed dynamically using JavaScript and XML and the images are not simply displayed on the page using traditional <img> tags.
One way to achieve what you are looking to do would be to link directly to the images within your gallery's captions.
If creating or editing your gallery with JuiceboxBuilder-Pro, this can be done automatically by selecting 'Images -> Captions -> Use Link URL' from the drop-down menu at the top. The caption fields for all images will then be filled with links to the images so that users can right-click and save the image directly.
From what you have said, it sounds like your pop-up is still classed as being your main overview page and, as such, blocking the shortcode from running on one will also block it from running on the other. There may be no easy solution. However, please check your email. I have sent you a message with an email address where you can provide me with your web server and WordPress login details if you like.
The latest code you posted is correct, replacing the if (is_singular()) { line in the shortcode_handler() method in the 'wp-juicebox.php' file. Try removing the trailing slash from the "www.alexis.it/" part of the code.
It may not work with all web servers but the solution to your problem lies with finding a conditional expression to replace if (is_singular()) { with such that the Juicebox shortcode will not be processed on your main overview page.
I would need access to your web server to test what is actually returned by using the different $_SERVER elements so trial and error may be required.
It's ok, the the src url, but like this, the plugin respond with: "Juicebox Error: Config XML file not found" of course.
My suggestion to embed the gallery in an <iframe> is an alternative to using the WP-Juicebox plugin. It is not possible to use WP-Juicebox in conjunction with the <iframe> embedding method.
Please see this FAQ regarding the "Juicebox Error: Config XML file not found" message.
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?
When embedding a gallery into an <iframe>, here are a few pointers:
Make your gallery's dimensions 100% x 100% (so that it fills the <iframe> no matter what its dimensions are).
Once you have created your gallery with JuiceboxBuilder-Pro, do not modify the embedding code in the 'index.html' file and do not move or rename any files within the gallery folder.
Upload the complete gallery folder (not just the contents) to your web server.
Use an <iframe> such as the following, ensuring that the 'src' attribute of the <iframe> points towards the 'index.html' page inside the gallery folder.
<iframe src="http://www.example.com/gallery/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>
Cannot find a way to delete drop shadow on images
I think there is also drop shadow on captions as they are blurry
To remove the drop-shadow from all elements within your gallery, open the file 'jbcore/classic/theme.css' and search for and delete all lines which contain the term 'shadow'.
Also, the captions are not consistent - some left, some center, some somewhere in between.
Captions can be positioned horizontally via the captionHAlign Pro Option, whose value can be LEFT, CENTER or RIGHT.
If you continue to experience difficulties, please post the URL to your gallery so that I can take a look.
The issue could be caused by the CSS of your current WordPress theme clashing with the CSS of the Juicebox gallery itself.
You could try temporarily changing your WordPress theme (perhaps to the default Twenty Ten theme) to see if this resolves the issue.
If is does, you could then try isolating the Juicebox gallery from the rest of your web page (to avoid such CSS clashes) by embedding the gallery using an <iframe> instead of the embedding code currently used by the WP-Juicbebox plugin. This method of embedding is documented as Option #2 here.
It would involve the following steps:
(1) Create the Juicebox gallery on your computer using a program such as JuiceboxBuilder-Pro.
(2) Upload the entire gallery folder to your web server via FTP.
(3) Embed the gallery in a WordPress post using an <iframe> such as the following, ensuring that the 'src' attribute of the <iframe> points towards the 'index.html' page inside the gallery folder. Also, make sure that, when entering the <iframe> code into the body of your post, the method of entry is 'HTML' rather than 'Visual'.
<iframe src="http://www.example.com/gallery/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>
WordPress will either parse the Juicebox shortcode and display the gallery or not. In a traditional WordPress theme (with no pop-ups), my code above will display the gallery when the post is viewed on its own page but will not display the gallery on the main overview page.
WordPress does not seem to classify your pop-up as being the post's own page (as the is_singular() method returns 'false' when the post is viewed in your pop-up).
Rather than try to determine whether or not the code is being parsed within your pop-up (and display the gallery if it is), you could instead try to prevent the Juicebox shortcode from being processed on your main overview page by changing the following code in the shortcode_handler() method (from the 'wp-juicebox.php' file) that I posted above.
Change:
to:
$pageURL = $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"];
if ($pageURL != "www.alexis.it/") {
Your gallery is located at http://www.fabianbond.co.uk/ but the link from the Google search directs the user to http://fabianbond.co.uk/ (i.e. not the 'www' subdomain where the gallery is located).
In order for a Juicebox gallery to function correctly, all the files (including the HTML document containing the JavaScript embedding code) must be on the same domain or subdomain.
This is due to the JavaScript same-origin policy security restriction. Please see this web page for more information.
Try changing the URLs in your gallery's embedding code from absolute URLs using the 'www' subdomain to relative URLs.
For example, change:
<!--START JUICEBOX EMBED-->
<script src="http://www.fabianbond.co.uk/FabianBond/Country/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : 'juicebox-container',
baseUrl : 'http://www.fabianbond.co.uk/fabianbond/Country',
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
... to:
<!--START JUICEBOX EMBED-->
<script src="../Country/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : 'juicebox-container',
baseUrl : '../Country',
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
Otherwise, you would need to either:
@TexStarPhoto
I am interested in a way for the main image to be as large as possible (aspect ratio preserved) within the screen area.
Try using the following settings in your gallery's XML file:
imageScaleMode="SCALE"
imagePadding="0"
stagPadding="0"
showLargeThumbs="FALSE"
A list of all Juicebox-Pro configuration options can be found here.
No matter where WordPress displays a post containing a Juicebox gallery (whether it is on an overview page along with other posts or on a page of its own), the shortcode within the post (e.g. [juicebox gallery_id="4"]) will be processed and the gallery will be displayed.
You can override this behavior by modifying the plugin's 'wp-juicebox.php' file. Open 'wp-juicebox.php' in a plain text editor and replace the shortcode_handler() function (lines 1052 - 1106 inclusive) with the following:
function shortcode_handler($atts) {
extract(shortcode_atts(array('gallery_id'=>'0'), $atts));
if (is_singular()) {
if ($gallery_id != 0) {
$gallery_filename = $this->get_gallery_path() . $gallery_id . '.xml';
if (file_exists($gallery_filename)) {
$dom_doc = new DOMDocument();
$dom_doc->load($gallery_filename);
$settings_tags = $dom_doc->getElementsByTagName('juiceboxgallery');
$settings_tag = $settings_tags->item(0);
$gallery_width = $settings_tag->getAttribute('e_galleryWidth');
$gallery_height = $settings_tag->getAttribute('e_galleryHeight');
$background_color = $settings_tag->getAttribute('e_backgroundColor');
$background_opacity = $settings_tag->getAttribute('e_backgroundOpacity');
$background_rgba = $this->get_rgba($background_color, $background_opacity);
if ($gallery_width == '') {
$gallery_width = '100%';
}
if ($gallery_height == '') {
$gallery_height = '600px';
}
$upload_dir = wp_upload_dir();
$gallery_filename = $upload_dir['baseurl'] . '/juicebox/' . $gallery_id . '.xml';
return <<<EOF
<!--START JUICEBOX EMBED.-->
<script type="text/javascript">
new juicebox({
backgroundColor : '$background_rgba',
containerId : 'juicebox-container$gallery_id',
configUrl : '$gallery_filename',
galleryHeight : '$gallery_height',
galleryWidth : '$gallery_width'
});
</script>
<div id="juicebox-container$gallery_id"></div>
<!--END JUICEBOX EMBED.-->
EOF;
} else {
return '<div><p>WP-Juicebox Gallery Id ' . $gallery_id . ' has been deleted.</p></div>';
}
} else {
return '<div><p>WP-Juicebox Gallery Id cannot be found.</p></div>';
}
} else {
return '<div><p>Open post to view WP-Juicebox Gallery Id ' . $gallery_id . '.</p></div>';
}
}
}
Save the file and re-upload it to its original location ('wp-content/plugins/wp-juicebox/wp-juicebox.php') overwriting the original file.
does updating the image info, such as a caption, in the media library automatically update what is shown on a page which already has that image attached?
Yes, it should (in a standard WordPress page). Currently this is not the case with WP-Juicebox where the user must also either 'Edit' and 'Update' the post containing the gallery or 'Edit' and 'Save' the gallery itself to rebuild the gallery's XML file with the new information.
However, this behavior will change in the next verion of WP-Juicebox and the user will no longer have to edit the post or gallery in order for changes in the Media Library to take effect in the corresponding gallery.
Thank you for reporting.
This is a known issue which has been addressed and will be fixed in the next version.
I can't find the line you speak of; the code in question goes to about line 14, as I recall, then includes a huge number of lines that are not numbered.
You are looking at the '~juicebox.js' file inside the 'jbcore' folder.
You need to go back a level and find the file named 'Juicebox.jsx' in the same directory as the 'jbcore' folder and the 'readme.html' file.
Once you have found the correct file, you will be able to change line 556 from:
'<juiceboxgallery' + '\n' +
... to:
'<juiceboxgallery galleryTitleHAlign="CENTER" captionHAlign="CENTER" ' + '\n' +
Once you have made this change, these options will be used in all Juicebox galleries subsequently created by the Photoshop plugin.
If you wish to add Juicebox-Pro configuration options to the Photoshop plugin so that they are applied to all galleries created by the plugin, open the plugin's 'Juicebox.jsx' file (from the 'Adobe Photoshop/Presets/Scripts/Juicebox/' folder) in a plain text editor and add the options as attributes to the opening <juiceboxgallery> tag on line 556.
For example, change the line from:
'<juiceboxgallery' + '\n' +
... to:
'<juiceboxgallery stagePadding="10" imagePadding="10" ' + '\n' +
It appears that you cannot attach a single image to multiple posts?
That is correct. This is a limitation or WordPress itself, not WP-Juicebox.
While I'm not sure whether this will do what I want yet, do you know already if this would conflict with Juicebox?
Installing and using the Shiba Media Library plugin should not conflict with WP-Juicebox. (If you find any conflicts, please post back to let me know.)
A problem I see is that the media library reports only one attached page (the gallery page now) for the image.
As WordPress natively supports attaching a Media Library image to only one page or post, it can list only one page or post in the 'Attached to' column. As the Shiba Media Library plugin is responsible for attaching an image to multiple posts, I would expect the plugin to also be able to keep track of the posts and list them but I do not know if this is the case.
Thank you for reporting.
This is a known bug which has been addressed and will be fixed in the next version.
A workaround for this bug is to set autoPlayOnLoad="FALSE" in your gallery's XML file. The AutoPlay functionality has to be started manually (via the AutoPlay button on the Button Bar) but, once started, the gallery can then be expanded (and closed) without AutoPlay stopping.
If using JuiceboxBuilder-Pro to create or edit your gallery, the autoPlayOnLoad configuration option can be found in the 'Customize -> AutoPlay' section.
While I can see how you can add to a media gallery by uploading via the from computer feature, is there a way I can use existing images from my media library?
Yes. Attach a Media Library image to the post containing the gallery (from within the Media Library itself) and then either:
(1) 'Edit' and 'Update' the post containing the gallery
... or:
(2) Go to the 'WP-Juicebox -> Manage Galleries' page and 'Edit' and 'Save' the gallery (without changing any settings)
Either of the above will rebuild the gallery's XML file (which is necessary to include any new images).
There is currently no way to remove a watermark.
Once you add a watermark, it is embedded into the images in the gallery and becomes part of the images themselves.
When you then open an existing gallery to edit it, JuiceboxBuilder-Pro has no knowledge of where the original images came from and has only the images in the gallery (with the watermarks embedded into them) to work with.
You would need to create a new gallery, using your original (non-watermarked) images.
However, before you do, you could save the settings from the original gallery using 'Presets -> Save Preset...' and then apply them to your new gallery using 'Presets -> Load Preset...'. This should save you some time re-applying the configuration settings from your original gallery.
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:
Posts found: 5,401 to 5,425 of 5,851