5,051

(23 replies, posted in Juicebox-Pro Support)

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.

5,052

(23 replies, posted in Juicebox-Pro Support)

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;\">&copy; 2010 &middot; <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).

5,054

(2 replies, posted in Juicebox-Pro Support)

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 .

5,055

(7 replies, posted in Juicebox-Lite Support)

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.

5,057

(1 replies, posted in Juicebox-Pro Support)

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.

5,060

(7 replies, posted in Juicebox-Pro Support)

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.

5,061

(1 replies, posted in Juicebox-Lite Support)

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.

5,062

(1 replies, posted in Juicebox-Pro Support)

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> 

after a few weeks hiatus

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.

5,064

(495 replies, posted in Juicebox-Pro Support)

@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.

Please see Point #3 in this forum post.

No. The imageTransitionType configuration option is active in Large Screen Mode only (as noted in the options's description in the Main Images section of the 'Config Options' page).
In Small Screen Mode, the imageTransitionType is always set to the default value of 'SLIDE'.

5,067

(4 replies, posted in Juicebox-Pro Support)

As far as I am aware, there should be no overlap if the individual icons are positioned correctly within the 'assets.png' file.
If you have overlapping icons when using your custom 'assets.png' file, you could try redefining the positions of the icons within the file in the 'jbcore/classic/theme.css' file. (Search for the term 'assets.png' and the corresponding class names should give you a clue as to which icon is being referred to.)

Is there any way I can disable the splash page completely?

Set showSplashPage="NEVER" in your gallery's XML file.
If creating or editing your gallery with JuiceboxBuilder-Pro, the 'Show Splash Page' configuration option can be found in the 'Customize -> Splash Page' section.

5,069

(495 replies, posted in Juicebox-Pro Support)

@biped

It would be nice to have thumbnails which show a miniature of the image rather than 'cropped into' copies.

Juicebox-Pro will crop the thumbnails only if the thumbWidth and thumbHeight configuration options do not match the actual dimensions of the thumbnail images themselves.
If using JuiceboxBuilder-Pro to create your thumbnails, you can change the thumbnail dimensions by clicking the 'Change...' button in the 'Image Size' control panel on the 'Images' tab. Whatever dimensions you choose, the thumbnails will be generated at that size and the thumbWidth and thumbHeight configuration options will be set accordingly.
(Please note that if the aspect ratio of the thumbnail dimensions that you set does not match that of your original images, cropping will occur when generating the thumbnails.)

First of all, please try upgrading your Juicebox-Pro gallery from v1.1.1 to the current version (v1.2.0) by following the instructions here as many bugs have been fixed since v1.1.1. Please see the Juicebox - Version History for a full list of changes.

Also, try validating your web page with the W3C Markup Validation Service and fix the errors reported.
Once your web page validates correctly, it should be rendered with greater predictability and consistency across different browsers.

5,071

(9 replies, posted in Juicebox-Pro Support)

The code definitely works as I tested it before posting, so if you persevere, I am sure that you will get it to work.
However, unfortunately, the URL you provided in your last post leads to an error 403 (Forbidden) so I am currently unable to take a look at your gallery to see what the problem might be.

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 (www.mydomain.com is a subdomain of domain.com).
This is due to the JavaScript same-origin policy security restriction. Please see this web page for more information.

To have the gallery display when visiting both www.mydomain.com and domain.com, try using relative paths (rather than absolute paths which hardcode either www.mydomain.com or domain.com) in your embedding code.

5,073

(9 replies, posted in Juicebox-Pro Support)

Your gallery uses Juicebox-Pro v1.1.1.
The onShowThumbs() API Event (which the code uses) was introduced in Juicebox-Pro v1.2.0.
Please see the Version History for a full list of changes.

Please upgrade your gallery to the latest version of Juicebox-Pro by following the instructions here.

5,074

(2 replies, posted in Juicebox-Pro Support)

You can set a gallery's dimensions to absolute pixel values (rather than percentages) with embedding code such as:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container",
galleryWidth: "920",
galleryHeight: "920",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

When doing so, your gallery will always be a fixed size, regardless of the size of the user's browser window.
If creating or editing your gallery with JuiceboxBuilder-Pro, you can set the gallery's dimensions in the 'Customize -> Lite' section.

I am embedding the galleries in Adobe Muse (just in case that matters).

When embedding your gallery with Adobe Muse (following the instructions here), you must set your gallery's height (to an absolute pixel value) in the gallery's own embedding code.
You can leave the gallery's width at 100% and then constrain the gallery to a fixed width using the width of the HTML frame in Adobe Muse.

5,075

(3 replies, posted in Juicebox-Lite Support)

Please upload your gallery to your web server and post the URL to your gallery so that I can take a look and help further.