This is likely to be the problem. Your friend could perhaps contact his 4G service provider to see if it is possible for them to turn off content modification on his account.
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
This is likely to be the problem. Your friend could perhaps contact his 4G service provider to see if it is possible for them to turn off content modification on his account.
You can have all the elements positioned on the overlay displayed always by setting showImageOverlay="ALWAYS" in your gallery's XML file.
If creating or editing your gallery with JuiceboxBuilder-Pro, this configuration options can be found in the 'Customize -> Main Image' section.
Ok, so I started to doubt myself and had another look... I downloaded a new version of juicebox and only made some minor configuration to make it easier to see the problem.
You can find the gallery on: http://www.grevink.net/JuiceboxTest/index.html
I changed the background to white, forced the screensize to small and there is again a black background
Thank you for providing the URL to your gallery.
I notice that your gallery uses Juicebox-Pro v1.0.2. Please upgrade to the current version (v1.2.0) following the instructions here as many bugs have been fixed and new features have been introduced since v1.0.2. Please see the Version History for a full list of changes.
Furthermore is added a fixed with and height and set the spashpage to never, for you to see the large amount of space around the thumbnails? There could easily fit more thumbs on the area... The padding is just to large maybe due to the arrows? But still above and below is al lot of space?
The number of thumbnails is automatically calculated to fill the available space. The only ways to have Juicebox display more thumbnails per page is to reduce the dimensions of the thumbnails via the thumbWidth and thumbHeight configuration options or to reduce the amount of thumbPadding.
I can change the background color as you describe, but as soon as i force the screensize to small the background switches to black again??
The background color should remain consistent between the Small and Large Screen Modes.
Please post the URL to your gallery so that I can take a look.
Furthermore is there a way to influence (via a custom css) the padding around the thumbnail view because I think it is a little to large.. Thanks!
You can spread the thumbnails out more by increasing the value of the thumbPadding configuration option.
If using JuiceboxBuilder-Pro to create or edit your gallery, this configuration option can be found in the 'Customize -> Thumbnails' section.
I'm trying to find out how to set the background color when using a screenmode forced to small?
Setting the 'Background Color' in JuiceboxBuilder-Pro (in the 'Customize -> Lite' section) will set the gallery's background color for both Small and Large Screen Modes. Just make sure that the 'Opacity' is greater than zero. Otherwise the background color will be 100% transparent.
(The background color is set in the gallery's embedding code, as can be seen in the sample code in the Juicebox - Embedding Guide.)
p.s. there also is a large padding around the collection of thumbnails in the small screen view? Where can I alter this?
In Small Screen Mode, the number of thumbnails is automatically calculated to fill the available space. This cannot be changed.
If there is more than enough space in the user's browser window to display all the thumbnails, then there may also be space surrounding the thumbnails. However, in a small browser window, fewer thumbnails will be displayed and there will also be less space surrounding the thumbnals.
Please see the Screen Modes support section for further information.
PHP code will not be processed within the 'Pro Options' text area of WP-Juicebox and entering an option such as:
splashImageUrl="<?php the_post_thumbnail(); ?>"... will simply result in the above text being entered directly into the gallery's 'config.xml' file.
However, if you wanted to use the post thumbnail as the splashImageUrl, you could edit the plugin's 'wp-juicebox/config.php' page in a plain text editor and add the following code on line 35 (which is currently empty):
if ($settings_tag->hasAttribute('postID')) {
$post_id = $settings_tag->getAttribute('postID');
if (has_post_thumbnail($post_id)) {
$sls = simplexml_load_string(get_the_post_thumbnail($post_id, 'large'));
$src = $sls->attributes()->src;
$new_settings_tag->setAttribute('splashImageUrl', $src);
}
}Please note that the line number above refers to the current version of WP-Juicebox (v1.2.0).
Deactivating and reactivating the plugin should not cause any permissions problems.
I have WP-Juicebox installed in test WordPress installations on several different web servers and am unable to replicate this problem.
If the permissions of the 'wp-content/uploads/juicebox/' folder are already set to 777, the plugin should just skip the permissions setting function.
If you see the error message, then both of the following should be true:
(1) The permissions of the 'wp-content/uploads/juicebox/' folder are not already set to 777
(2) The plugin is unable to set the permissions of the 'wp-content/uploads/juicebox/' folder to 777
Please double-check that the permissions of the 'wp-content/uploads/juicebox/' folder are set to 777 and make sure that PHP 'chmod' is enabled on your web server.
Do you still see the error message if you first uninstall and then reinstall the plugin (rather than just deactivating and reactivating it)?
I have to comment out also line 31 for the viewport issue.
As I mentioned in this forum thread, 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.
The demos did work on his computers, however, this morning at his work, my sites worked fine for him.
If the problem is intermittent (and not consistent), then the problem may lie with either the web server on which your galleries are hosted (which may be experiencing downtime) or your friend's internet connection. The gallery may fail to load if it takes too long to fetch the required files from the web server.
I am unable to replicate the problem that you describe using the configuration options you posted.
Perhaps you have certain CSS rules on your web page that are conflicting with those of the gallery.
Please post the URL to your gallery so that I can take a look and investigate further.
@ dkane
If using a baseUrl, you will need to modify the SEO script to take this into account.
By default, the SEO Script looks for the 'config.xml' file to be in the same directory as the web page into which script is included.
In your case, change:
$doc->load( 'config.xml' );... to:
$doc->load( 'gallery_arch/config.xml' );The $imgpath variable should still point towards the gallery folder: http://www.harvardstudio.com/site/gallery_arch/
After installing the 'Pin It' button in Firefox, viewing a demo Juicebox gallery such as http://www.juicebox.net/demos/pro/full/
... and clicking the 'Pin It' button, the currently displayed main image, previous main image and next main image are all found by Pinterest (along with all the thumbnails), which should at least allow users to Pin the main image which is visible when clicking the 'Pin It' button.
Changing the imagePreloading configuration option does not seem to make a difference.
It looks like it would not be possible to enable the 'Pin It' button to find all main images in a Juicebox gallery (without modification to the 'Pin It' code).
There are no configuration options to control the cropping of the Splash Page image.
Rather than have Juicebox use the first image from your gallery (as it does by default), you could perhaps create a new image specifically for your Splash Page and use the splashImageUrl configuration option to display it.
For reference, the Splash Page configuration options can be found here.
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>Please see the following FAQs which should hopefully help with your problem:
How do I change the order of images from Flickr?
How do I change the order of images in a Flickr Photo Set?
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>";
?>Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.