You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 205 of 235)
I plan to move the CSS off these pages once I figure out what is going wrong, hope that info is helpful to anyone who might see an error in the coding.
You can check your page's code with the W3C Markup Validation Service and fix any errors reported. Once your page's code validates correctly, it should be rendered with greater predictability and consistency across different browsers. This may not directly be the cause of your problem but the errors should be fixed.
I have viewed your galleries and both display OK so the problem does not appear to be with your Juicebox galleries.
It looks like there is something specific to your friends system/setup which is causing his problem.
You could ask your friend to see if he can view any of our own Juicebox demo galleries here. If he cannot view them, then he could check that JavaScript is enabled and working in his browser by visiting this web page.
Also, he could check whether or not his PC internet connection is over a 3G network. If it is, then please see this FAQ:
Why can't I view my gallery on a 3G mobile connection?
Yes, that's exactly what I did. In the Images tab, it is bringing up the Flickr set without any issues. When I look at the resulting code though, there is no reference to Flickr. Do I need to add that somewhere else?
The Flickr configuration options are stored in the gallery's 'config.xml' file which should be uploaded as part of the embedding process (not the embedding code displayed on the 'Publish' tab). There is no need to add anything to either the 'config.xml' file or the embedding code manually.
Here is the html page that's produced.
Your gallery's 'config.xml' file here: http://www.dominioncraftsman.com/gallery/web/config.xml
... is the sample 'config.xml' file from the 'web' gallery in the Juicebox-Pro download package.
You should replace this 'config.xml' file on your web server with your own gallery's 'config.xml' file (from within your own gallery folder after saving the gallery in JuiceboxBuilder-Pro).
I'm not using the flickrSetId- should I be?
I thought you might have been using flickrSetId as you mentioned that the "images are all in one specific set" and that the "set is already organized chronologically". If your images are in a Flickr set and are organized as you wish them to be displayed in your Juicebox gallery, then try using flickrSetId instead of flickrUserName or flickrUserId. If your images are not in a Flickr set, then perhaps you could organize them into one.
Could you please quickly confirm whether or not you were using JuiceboxBuilder-Pro v1.2.0?
You initially stated "Mac OS X (10.6.8) running under Adobe Air 3.5" but did not specify the exact version of JuiceboxBuilder-Pro that you were running. I just want to be sure with the details before I log a bug report. Thank you.
If you use JuiceboxBuilder-Pro to create your gallery, you can create a Flickr-sourced gallery on the 'Images' tab.
Just select 'Flickr' as the 'Image Source', enter your Flickr User Name (and any other parameters you wish to use), customize the gallery as required (on the 'Customize' tab) and save the gallery on the 'Publish' tab.
You can then following the embedding instructions here.
If you have made any modifications to your gallery, you may need to clear your browser's cache to ensure that your browser is not hanging onto and using older versions of your gallery files.
If you continue to experience difficulties, please post the URL to your gallery so that I can take a look.
If you are using the flickrSetId configuration option, then the flickrUserName and flickrUserId configuration options are not required so try removing them from your gallery's XML file.
There was a bug in Juicebox which affected Mac OS X 10.6 users when Adobe AIR v3.4 was introduced which was addressed in Juicebox v1.2.0. Please see the Juicebox - Version History for details.
Make sure that you are using JuiceboxBuilder-Pro v1.2.0 ('Help -> About JuiceboxBuilder-Pro...').
If you already are using JuiceboxBuilder-Pro v1.2.0, then try reverting to Adobe AIR v3.3 to see if this makes a difference.
Adobe AIR v3.3 can be downloaded from this web page (look for the Adobe AIR 3.3 runtime downloads section).
If this helps, then I will contact the developers to let them know that there is still an issue with the combination of Mac OS X 10.6.8, Adobe AIR v3.5 and JuiceboxBuilder-Pro v1.2.0.
If this does not help, then please zip and upload the gallery that is causing the problem so that I can download it, take a look and investigate further.
You should be able to prevent Google Translate from translating the 'src' attribute of your <iframe> using JavaScript as follows:
<iframe id="gallery" src="#" width="100%" height=750 frameborder="0" scrolling="no"></iframe>
<script type="text/javascript">
document.getElementById('gallery').src = "http://www.extrados.fr/galeries2/amerique/index";
</script>
This solves the problem, thank you!
That's great! Thank you for posting back to let me know.
There should be no adverse side-affects of removing this code at all.
I will ensure that the <meta> 'viewport' tag is removed from the next version of WP-Juicebox so there should be no need to make this modification again.
For others reading this thread, you can increase the number of images displayed in a Flickr-sourced Juicebox gallery from the default value of 50 to the maximum value of 500 by setting flickrImageCount="500" in the WP-Juicebox Pro Options text area.
Well it works, but when i open the gallery live there is a large gap above and below the main image, unless I click on full screen, then the gap goes. This defeats the object of the original perfect script and the fiddling gives back the time I gained by using juicebox over other gallery's.
The SEO script should have no effect on the layout of your gallery (or web page). It populates the 'juicebox-container' <div> with HTML text, links and images for SEO purposes (sourced from the gallery's XML file) but, when the gallery is loaded, the entire contents of the 'juicebox-container' <div> should be replaced with the gallery itself (though the SEO code remains on the page and can be viewed in your browser using the 'View Source' option).
Your web page should look the same both with and without the following code inside the 'juicebox-container' <div>.
<?php include("juicebox-seo.php"); ?>
If you continue to experience difficulties, please post the URL to your web page so that I can take a look.
The link for the php script requires code tinkering and seems to be in flash, I just don't have a clue how to convert it to work with juicebox. Any chance someone can do it and paste up the code for me to copy??
I have adapted the SimpleViewer SEO PHP Script for use with Juicebox galleries. (The code is entirely PHP and does not involve Flash at all.)
(1) Change the $imgpath variable to the absolute URL of your gallery folder.
(2) Paste the code into a file named 'juicebox-seo.php'.
(3) Copy the file to your gallery folder.
(4) In your gallery's embedding code, change:
<div id="juicebox-container"></div>
... to:
<div id="juicebox-container"><?php include("juicebox-seo.php"); ?></div>
(5) Make sure that the file extension for the web page containing your gallery's embedding code is '.php' rather than '.html'.
<?php
######################################################
# Project: SimpleViewer SEO Gallery Plugin #
# Version: 2.02 #
# Author: Mikael Kjellstrom #
# License: Copyright (c) 2010 Mikael Kjellstrom #
######################################################
######################################################
# Adapted for Juicebox by Steven Speirs, 2013 #
######################################################
$imgpath = 'http://www.yourdomain.com/pathtogallery/'; // The path to the gallery
$altmaxchars = "50"; // The maximum characters of the TITLE and ALT tags taken from the title and caption
$doc = new DOMDocument();
$doc->load( 'config.xml' );
$gallery = $doc->getElementsByTagName( "juiceboxgallery" );
foreach( $gallery as $gallery ) {
$gallerytitle = $gallery->getAttribute('galleryTitle');
}
print "<div id=\"jbseo\">";
print "<h1>$gallerytitle</h1>";
$images = $doc->getElementsByTagName( "image" );
print "<ul>";
foreach( $images as $image ) {
$largephoto = $image->getAttribute('imageURL');
$photo = $image->getAttribute('thumbURL');
$titles = $image->getElementsByTagName( "title" );
$title = $titles->item(0)->nodeValue;
$alttitle = substr($title, 0, $altmaxchars);
$pos = strrpos($alttitle, " ");
if ($pos>0) {
$alttitle = substr($alttitle, 0, $pos);
}
$title = htmlspecialchars($title);
$alttitle = htmlspecialchars($alttitle);
$captions = $image->getElementsByTagName( "caption" );
$caption = $captions->item(0)->nodeValue;
$altcaption = substr($caption, 0, $altmaxchars);
$pos = strrpos($altcaption, " ");
if ($pos>0) {
$altcaption = substr($altcaption, 0, $pos);
}
$caption = htmlspecialchars($caption);
$altcaption = htmlspecialchars($altcaption);
print "<li style=\"list-style-type: none;\"><p><a href=\"$imgpath$largephoto\" target=\"_blank\"><img src=\"$imgpath$photo\" alt=\"$altcaption\" title=\"$alttitle\"/></a><br />$title<br />$caption</p></li>";
}
print "</ul>";
print "<p style=\"font-size: 10px;\">© 2010 · <a href=\"http://www.mkwebdesign.ca/tutorials/making-simpleviewer-seo-friendly/\" target=\"_blank\">Powered by SimpleViewer SEO Gallery Plugin</a></p>";
print "</div>";
?>
Please try the following to see if it makes a difference.
Open the 'wp-juicebox/wp-juicebox.php' file in a plain text editor and comment out line 31 from:
add_action('wp_head', array(&$this, 'include_tags'));
... to:
// add_action('wp_head', array(&$this, 'include_tags'));
Please note that the line number refers to the current version of WP-Juicebox (v1.2.0).
It looks like the combination of the following two configuration options is preventing caption links from functioning.
captionPosition="OVERLAY_IMAGE"
imageScaleMode="FILL"
I have logged a bug report and hopefully this will be fixed in the next version of Juicebox-Pro.
Thank you for reporting.
In the meantime, workarounds would be to use a different setting for either captionPosition or imageScaleMode .
WP-Juicebox is compatible with WordPress 3.5.
The 'Add Media' module has changed in WordPress 3.5 but the process for adding Media Library images to a WP-Juicebox gallery is essentially the same as before.
Click the 'Add Media' button, drag and drop your images into the 'Insert Media' window and, once they have finished uploading, just close the 'Insert Media' window (do not click the 'Insert into post' button). This will attach the images to the post and they will be displayed in the gallery.
The fact that browsers cache files is part of the functionality of the browsers themselves (rather than Juicebox-Pro).
If you wish to prevent browsers from caching your gallery's XML file (so that the current 'config.xml' file is always fetched from your web server), then try defining your gallery's XML file with a unique identifier (e.g. the current time which will be different each time the browser loads the page) using the configUrl option in your gallery's embedding code.
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : 'juicebox-container',
configUrl : 'config.xml?nocache=' + new Date().getTime()
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
You could then edit your gallery with JuiceboxBuilder-Pro and add your new images with new filenames (and remove any unwanted images) via the 'Images' tab.
You should no longer experience a caching problem.
For reference (and others reading this post), instructions for converting SimpleViewer galleries to Juicebox galleries can be found here.
I don't know why the new juicebox gallery isn't loading...
Your <iframe> loads the http://www.stephaniesomers.com/index.html page (which is the page into which the gallery is embedded with the JavaScript embedding code).
This embedding code on this page is looking for the 'juicebox.js' file to be located here: http://www.stephaniesomers.com/jbcore/juicebox.js but it is not.
Upload the entire contents of your gallery's folder to the same directory as the page containing the embedding code (in your case, the root of your web space) and your gallery should be displayed as expected.
If you have uploaded your complete gallery folder to your web server, then you can embed the gallery using the baseUrl method documented here.
As the image filenames form part of a URL when uploaded to a web server, it would be wise to use only web-safe characters.
Please see section 2.3 of this document for details: http://www.ietf.org/rfc/rfc3986.txt
Characters that are allowed in a URI but do not have a reserved purpose are called unreserved. These include uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde.
JuiceboxBuilder-Pro should be able to handle all images whose filenames use any or all of these characters.
Try fixing the HTML errors on your web pages by validating them with the W3C Markup Validation Service.
Once the code on your web pages validates correctly, your web pages should be displayed with greater predictability and consistency across different devices and browsers.
If, once your pages validate correctly, the problem still occurs, try adding the following code to the <head> section of your web pages:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
For more information on the meta 'viewport' tag, please see this web page.
I double checked the IPTC in other programs, and it's definitely there.. just skipping it on some of the photos.
Could you perhaps zip and upload a couple of your photos (one whose caption is displayed and one whose caption is not) and provide a download link so that I can take a look at them and try to determine the cause of the problem? Thank you.
Currently, the only automated method of creating multi-level nested Juicebox galleries is with jAlbum and the Juicebox skin.
You would be able to drag and drop an entire folder structure into jAlbum's main window and click 'Make Album'.
The resulting album would have a separate Juicebox gallery for each and every folder/subfolder in your input structure and all the galleries would be linked together via a JavaScript navigation tree.
In theory, there is no limit to the number of levels that the skin can handle.
1. No. The Button Bar's position (set via the buttonBarPosition configuration option) can be set to OVERLAY, TOP or NONE and the its horizontal alignment (set via the buttonBarHAlign configuration option) can be set to LEFT, CENTER or RIGHT. The Button Bar configuration options can be found here.
2. Perhaps the font is included with Adobe AIR (and is displayed in the live preview window in JuiceboxBuilder-Pro) but is not installed on your computer. If you do have the font installed (viewers of your gallery would need to have it installed on their own computers in order to see it), then try the following code instead:
<style="font-family: futura;">Sahara Desert</style>
Have you changed anything (for example have you updated Adobe AIR) in that period?
If so, try reverting back to a previous version of Adobe AIR to see if this helps solve the problem.
Archived versions of Adobe AIR can be found here. For example, try the Adobe AIR 3.3 runtime.
If this still does not help, please upload one of your images somewhere (and post a download link) so that I can try for myself and investigate further.
@cqv
You can choose for JuiceboxBuilder-Pro to not process/resize your images by deselecting the 'Resize Images' checkbox on the 'Images' tab. JuiceboxBuilder-Pro will then simply copy your original images across to the output 'images' folder for use in the gallery.
Posts found: 5,101 to 5,125 of 5,855