4,051 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

Did you try the modification I suggested? Did it help?
I think your problem is likely to be PHP related but even if there is a bug in v5.2.17, there is likely to be a workaround (although I would need access to a server running PHP v5.2.17 in order to run a few tests).
I do not know for sure that a PHP bug is the cause of your problem but going directly to http://etcillustration.com/wp-content/p … llery_id=1 confirms that a plugin or theme conflict is not the issue and the only other differences between your instalation and my own are the server itself and the version of PHP installed (and, as you say, it worked OK for you when using PHP 5.4.17).
If you have not yet tried my suggestion above, please give it a go and see if it helps.

Go to forum: Juicebox-Pro Support

4,052 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

A Juicebox gallery loaded into an iframe which displays OK in one browser should also display OK in other browsers.
Does the gallery display OK when you view it's 'index.html' page in Internet Explorer directly from your Dropbox public folder?
Does it fail only when you view it within your Tumblr post?
Also, what version of Internet Explorer are you using?

Please post the URL to the Tumblr post containing your gallery so that I can take a look and help further.

In the meantime, please see this FAQ which deals with the '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?

Go to forum: Juicebox-Pro Support

4,053 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

Unfortunately, I cannot replicate this problem (using servers with PHP 5.3.8 and PHP 5.4.21).
However, I do not believe your problem is related to permissions or a conflicting plugin or theme.
It sounds like a PHP-related issue (perhaps a bug in PHP 5.2.17).
Try changing line 121 of the 'wp-juicebox/config.php' file from:

echo $dom_doc->saveXML();

... to:

echo $dom_doc->saveXML($settings_tag);

WP-Juicebox uses saveXML() with no arguments which, according to the PHP documentation, should output the entire document (and does in my own test galleries).
However, in your case, nothing is output at all so instructing saveXML() to output just a specific node (as in the modification above) may help.

Go to forum: Juicebox-Pro Support

4,054 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

if it's possible to have Juicebox produce an embedded gallery featuring only thumbnails

If you set screenMode="SMALL", then Juicebox will display the gallery in Small Screen Mode (on all devices and in all browsers). The user will be presented with a grid of thumbnails from which a main image can be selected (by clicking on the representing thumbnail). The user can return to the thumbnail page via the Thumbnail Button on the Button Bar.
For more information on Juicebox and Screen Modes, please see here.

Please note that when a user selects a main image, the gallery will not expand to fill the browser window.
If you would like the gallery to expand when a thumbnail is clicked from a Small Screen Mode thumbnail page, you could use the available Juicebox-Pro API methods and events.
To see this in action, create a sample gallery in JuiceboxBuilder-Pro and replace the gallery's index.html' page with the following code:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <title>Test</title>
    </head>
    <body>
        <script type="text/javascript">
            var jb = new juicebox({
                containerId: 'juicebox-container',
                galleryHeight: '400',
                galleryWidth: '600',
                screenMode: 'SMALL',
                showExpandButton: 'TRUE',
                showSmallThumbsButton: 'TRUE',
                showSmallThumbsOnLoad: 'TRUE',
                showSplashPage: 'NEVER'
            });
            var fullscreen = false, thumbs = true;
            jb.onExpand = function(expanded) {
                if (fullscreen && !thumbs) {
                    jb.toggleThumbs();
                }
                fullscreen = !fullscreen;
            };
            jb.onImageChange = function(e) {
                if (!fullscreen) {
                    jb.toggleExpand();
                }
            };
            jb.onShowThumbs = function(showing) {
                thumbs = !thumbs;
            };
        </script>
        <div id="juicebox-container"></div>
    </body>
</html>

Otherwise, you could perhaps using the Splash Page (by setting showSplashPage="ALWAYS") to display a placeholder image for the gallery which, when clicked, will expand the gallery to fill the user's browser image.
By default, Juicebox-Pro uses the first image in the gallery as the Splash Page Image but you could construct a composite image from several gallery images and instruct Juicebox to use this instead (using the splashImageUrl configuration option).
For reference, the Splash Page configuration options can be found here.

Go to forum: Juicebox-Pro Support

4,055 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

Does this mean that a jQuery library of some sort is actually bundled inside of juicebox.js itself?

Yes. The 'juicebox.js' file contains its own version of jQuery so there is no need to include jQuery separately in a gallery's web page for a Juicebox gallery to function correctly.
If your own web page uses jQuery for other things , it would be wise to include the current stable version of jQuery in your web page rather than relying on the version bundled within 'juicebox.js' (which may not contain all the jQuery functionality your web page requires).

Go to forum: Juicebox-Pro Support

4,056 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

I notice that your entire web page is blank (not just the Juicebox gallery) when viewed in IE8 and IE9.
It is unlikely that the gallery itself is the problem. (Juicebox is compatible with IE8 and IE9.)

First of all, check the HTML code on your web page with the W3C Markup Validation Service and fix the errors reported. (There are currently 31 errors and 1 warning, many of which seems to be end tags for elements which are not open.)
Once the code on your web page validates correctly, the page should be rendered with greater predictability and consistency across different browsers.

If this does not help, then some trial and error may be required to figure out why your page is not displaying in IE8 and IE9.
Try temporarily removing sections of your web page (such as sections of JavaScript) and check the web page afterwards to see if you can find the cause of the problem.

You can see how your web page looks in IE8 or IE9 using the emulation mode in IE11 (hit F12, scroll down to the Emulation section and change the Document Mode) or use IETester.

Go to forum: Juicebox-Pro Support

4,057 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

Many thanks for providing the sample gallery.
I have been able to replicate the problem in a test gallery and have logged a bug report.
The problem is that Juicebox uses jQuery and jQuery does not include XDomainRequest support. Please see this jQuery bug report for further details.

Go to forum: Juicebox-Pro Support

4,058 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

The easiest way to integrate a Google Font into the Juicebox plugin for Lightroom would be to:
(1) Choose the Google Font you want to use from http://www.google.com/fonts
... click the 'Add to collection' button and then click the 'Use' button to get the code you need.
(2) Open the plugin's 'index.html' template file ('juicebox.lrwebengine/index.html') in a plain text editor and add the Google Font standard or JavaScript code to the <head> section of the 'index.html' file.
(3) Use the Juicebox-Pro configuration option galleryFontFace (setting its value to the name of the font you have chosen) in the embedding code, e.g. galleryFontFace: 'Rock+Salt'
The modified 'index.html' file should look something like this:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title><%= model.nonCSS.jb_galleryTitle %></title>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="description" content="This is a Juicebox Gallery. Get yours at www.juicebox.net" />
        <% if mode == 'preview' then %>
            <script type="text/javascript" src="resources/js/live_update.js"></script>
        <% end %>
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
    </head>
    <body>
<%
function rgba(hex, opacity)
    hex = hex:gsub("#", "")
    r = hex:sub(1, 2)
    g = hex:sub(3, 4)
    b = hex:sub(5, 6)
    return "rgba(" .. tonumber(r, 16) .. ", " .. tonumber(g, 16) .. ", " .. tonumber(b, 16) .. ", " .. opacity/100 .. ")"
end
%>
        <!--START JUICEBOX EMBED-->
        <script src="jbcore/juicebox.js"></script>
        <script>
            new juicebox({
                backgroundColor: '<%= rgba(model.nonCSS.jb_backgroundColor_, model.nonCSS.jb_backgroundOpacity) %>',
                containerId: 'juicebox-container',
                galleryHeight: '100%',
                galleryWidth: '100%',
                galleryFontFace: 'Rock+Salt'
            });
        </script>
        <div id="juicebox-container"></div>
        <!--END JUICEBOX EMBED-->
    </body>
</html>

Now, all galleries created by the plugin will use your chosen Google Font as the gallery font.

Go to forum: Juicebox-Pro Support

4,059 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

I'm glad it worked for you!
Thank you for posting back to let me know.

Go to forum: Juicebox-Pro Support

4,060 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

It looks like your web page may use the border-box model and this is known to break the layout of Juicebox.
Try opening your gallery's 'jbcore/classic/theme.css' file in a plain text editor and add the following code to the file.

.juicebox-gallery a, .juicebox-gallery div, .juicebox-gallery h1, .juicebox-gallery h2, .juicebox-gallery h3, .juicebox-gallery h4, .juicebox-gallery p, .juicebox-gallery span, .juicebox-gallery u {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

Hopefully this will solve your problems.

This issue has been addressed and will be fixed in the next version of Juicebox.
If you would like to be notified when a new version is released, please join our mailing list at the foot of our homepage, follow us on Twitter @JuiceboxGallery or subscribe to our blog RSS feed.

Go to forum: Juicebox-Pro Support

4,061 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

I don't know what I want - this was simply the code I copied from JB - in the hope that it would give me in Lightroom the gallery I had created in standalone JB

If you want to replicate the layout of a gallery created in JuiceboxBuilder-Pro in Lightroom, then, rather than enter configuration options into the Pro Options text area of the Lightoom plugin's interface, you could:
(1) Create a sample gallery the way you want it to look in JuiceboxBuilder-Pro.
(2) Save the settings as a preset ('Presets -> Save Preset...' from the drop-down menu at the top).
(3) Create your new gallery in Lightroom.
(4) Open the gallery (created in Lightroom) in JuiceboxBuilder-Pro and apply the preset to it ('Presets -> Load Preset...').
(5) Save the gallery on the 'Publish' tab.

how do I know what I need to put into the Lightroom box?

A list of all configuration options you can use can be found here.
Step #4 in the 'Upgrading to Juicebox-Pro' section on the Lightroom plugin's web page tells you how you should enter Pro Options into the Pro Options text area, for example:

captionPosition="BELOW_IMAGE"

URL is: janesharp.com/galleries/Sarah_Lamond_JB I noticed that JB did not create a index.html file - is that why?

JuiceboxBuilder-Pro and the Lightroom plugin always create an index page. This is the page into which the gallery is embedded. Without this, there is no embedding code and no way for the browser to display the gallery.
When using the Lightoom plugin, the index page is always named 'index.html'.
When using JuiceboxBuilder-Pro, you can change the name of the index page if you like (on the 'Publish' tab), although the default name for the file is 'index.html'. No matter what you call the file, there will be only one HTML file within the gallery folder so upload it to the '/galleries/Sarah_Lamond_JB/' directory on your web server and open it in a browser.
It looks like all the other gallery files have been uploaded OK so with your gallery's index page in place, the gallery should display fine.

Go to forum: Juicebox-Pro Support

4,062 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

As you have discovered, if a Juicebox gallery is sourced by Flickr images, then the gallery will automatically display any new images added to the Flickr account (or set) without the need to modify any gallery files.

Go to forum: Juicebox-Pro Support

4,063 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

I just get a white spinning hexagon with a teardrop inside.......... and suggestions why?

This is most likely to be due to an incorrectly formatted gallery XML file.

the code is simply:

optionName="galleryWidth: "100%"
optionName="galleryHeight: "100%"
optionName="backgroundColor: "rgba(204,204,204,.2)"

The Juicebox plugin for Lightroom automatically sets the gallery's width and height both to 100% (to display the gallery on a page of its own, filling the page) and it is not possible to change these values in the interface.
If you want a gallery with different dimensions, then you will likely be embedding the gallery in an existing web page alongside other content and should follow the embedding instructions here.
Also, the background color and opacity can be set in the interface (in the 'Color Palette' section) without the need to enter the values manually in the 'Pro Options' text area.
Other options should be entered into the text area in the form optionName="OPTION_VALUE" as in the following example:

captionPosition="BELOW_IMAGE"
showNavButtons="TRUE"

I've also just been using standalone juicebox - and so have just discovered that you cannot ftp from the software,

JuiceboxBuilder-Pro does not feature FTP capabilities but with a dedicated FTP program such as Filezilla (free), you can drag and drop a complete gallery folder into a location on your web server in a single action.

And i've just uploaded a gallery built in JB via an ftp programme and it doesn't work. I've uploaded everything in the gallery folder.

Please post the URL to your gallery so that I can take a look for myself and determine the cause of your problem.
In the meantime, perhaps the troubleshooting FAQs will help.

Go to forum: Juicebox-Pro Support

4,064 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

That's great!
Thank you for posting back to let me know.

Go to forum: Juicebox-Lite Support

4,065 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

My suggestion is possibly the easiest solution to your problem and it would be worth persevering to get it to work within your web page.
It relies on listening for a change in the browser window size and then assigning new width and height dimensions to the gallery, based on the current width of the browser window.

You want your gallery's width to always fill the width of its parent container so you can set the gallery's width to 100% in the embedding code (and you do not need to worry about the gallery's width in the dynamic resizing code).

You need to be able to change the gallery's height when the user changes the browser window's width so do the following:
(1) Give the table into which you embed your gallery an id="wrap" (so that you can change its dimensions using JavaScript).
(2) Your images have an aspect ratio of approximately 2.6:1 (and there are no other elements within your gallery) so use this factor when working out the gallery's height in relation to its width.

Try using the following as your 'index.html' page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/page.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Home - Regional Development Australia Great Southern</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
    background-color: #fafafc;
    background-image: url(image/bg.png);
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
-->
</style>
<link href="CSS/Level2_Verdana_Text.css" rel="stylesheet" type="text/css" />
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<style type="text/css">
<!--
a:link {
    color: #327027;
    font-weight: 400;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #B1C444;
}
a:hover {
    text-decoration: underline;
}
a:active {
    text-decoration: none;
}
-->
</style>
<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
    function doLayout() {
        var galleryWidth = $('#wrap').width();
        var galleryHeight = parseInt(galleryWidth / 2.6);
        $('#wrap').height(galleryHeight);
    }
    $(document).ready(function() {
        doLayout();
        $(window).on('resize', doLayout);
        new juicebox({
            containerId: 'juicebox-container',
            galleryWidth: '100%',
            backgroundColor: 'rgba(255,255,255,1)'
        });
    });       
</script>
</head>

<body onload="MM_preloadImages('image/menu/home-over.jpg','image/menu/reports-over.jpg','image/menu/current-over.jpg','image/menu/pub-over.jpg','image/menu/contact-over.jpg','image/menu/news-over.jpg','image/menu/region-over.jpg','image/menu/grants-over.jpg','image/menu/about-rda-over.jpg','image/menu/r-plan-over.jpg')">
<table width="82%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="box1">
      <tr>
        <td height="42" align="center" valign="top" bgcolor="#FFFFFF"><table width="100%%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><!-- InstanceBeginEditable name="EditRegion5" -->
                <table id="wrap" width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td>
                        <!--START JUICEBOX EMBED-->
                        <div id="juicebox-container"></div>
                        <!--END JUICEBOX EMBED-->
                    </td>
                  </tr>
                </table>
              <!-- InstanceEndEditable --></td>
            </tr>
            <tr>
              <td height="36" background="image/menu/menu-bg.jpg"><table width="100%%" height="34" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="14%" align="center" valign="middle" background="image/menu/menu-bg.jpg"><a href="index.html"><img src="image/menu/home.jpg" alt="Home" name="home" width="135" height="34" border="0" id="home" onmouseover="MM_swapImage('home','','image/menu/home-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a> </td>
                  <td width="14%" align="center" valign="middle" background="image/menu/menu-bg.jpg"> <a href="reports_research.html"><img src="image/menu/reports.jpg" alt="Reports &amp; Research" name="rep" width="283" height="34" border="0" id="rep" onmouseover="MM_swapImage('rep','','image/menu/reports-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a> </td>
                  <td width="14%" align="center" valign="middle" background="image/menu/menu-bg.jpg"> <a href="current_projects.html"><img src="image/menu/current.jpg" alt="Current Projects" name="current" width="256" height="34" border="0" id="current" onmouseover="MM_swapImage('current','','image/menu/current-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a> </td>
                  <td width="14%" align="center" valign="middle" background="image/menu/menu-bg.jpg"> <a href="publications.html"><img src="image/menu/pub.jpg" alt="Publications" name="pub" width="213" height="34" border="0" id="pub" onmouseover="MM_swapImage('pub','','image/menu/pub-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a> </td>
                  <td width="14%" align="center" valign="middle" background="image/menu/menu-bg.jpg"><a href="contact.html"><img src="image/menu/contact.jpg" alt="Contact" name="con" width="159" height="34" border="0" id="con" onmouseover="MM_swapImage('con','','image/menu/contact-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                  </tr>
              </table></td>
            </tr>
            <tr>
              <td><table width="95%" border="0" align="center" cellpadding="0" cellspacing="7">
                <tr>
                  <td align="left" valign="top"><!-- InstanceBeginEditable name="EditRegion4" --><span class="big">Regional Development Australia Great Southern WA Inc</span><!-- InstanceEndEditable --><br />
                    <!-- InstanceBeginEditable name="EditRegion3" -->
                    <p class="bodystyle">Regional Development Australia (RDA) is an initiative of the Australian Government that aims to enhance the growth and development of regional areas by bringing together and working with the three levels of government to provide a strategic and targeted response to issues in regional areas. The Network is led by the Hon Warren Truss MP as the Minister for Infrastructure and Regional Development.</p>
                    <table width="100%%" border="0" cellspacing="9" cellpadding="0">
                      <tr>
                        <td width="25%" align="center" valign="middle"><a href="news.html"><img src="image/menu/news.jpg" alt="News" name="n" width="265" height="269" border="0" id="n" onmouseover="MM_swapImage('n','','image/menu/news-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                        <td width="25%" align="center" valign="middle"><a href="our_region.html"><img src="image/menu/region.jpg" alt="Our Region" name="r" width="260" height="269" border="0" id="r" onmouseover="MM_swapImage('r','','image/menu/region-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                        <td width="25%" align="center" valign="middle"><a href="grants_funding.html"><img src="image/menu/grants.jpg" alt="Grants &amp; Funding" name="g" width="263" height="269" border="0" id="g" onmouseover="MM_swapImage('g','','image/menu/grants-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                        <td width="15%" rowspan="2"><iframe class="tkf-em-cal" scrolling="no" width="300" height="518px" frameborder="0" style="border-width:0;background-color:transparent" src="https://tockify.com/em/rdags"><a href="https://tockify.com/rdags">RDA Great Southern Events Calendar</a></iframe></td>
                      </tr>
                      <tr align="center" valign="middle">
                        <td width="25%"><a href="about-rdags.html"><img src="image/menu/about-rda.jpg" alt="About RDA Great Southern" name="a" width="264" height="266" border="0" id="a" onmouseover="MM_swapImage('a','','image/menu/about-rda-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                        <td width="25%"><a href="regional_plan.html"><img src="image/menu/r-plan.jpg" alt="Regional Plan 2013-2018" name="rp" width="260" height="266" border="0" id="rp" onmouseover="MM_swapImage('rp','','image/menu/r-plan-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                        <td width="25%"><img src="image/menu/growing.jpg" alt="RDA Great Southern" name="rdags" width="263" height="266" id="rdags" /></td>
                      </tr>
                    </table>
                    <p class="bodystyle">&nbsp;</p>
                    <p>&nbsp;</p>
                  <!-- InstanceEndEditable --></td>
                </tr>
              </table></td>
            </tr>
          </table>
          </td>
      </tr>
      
    </table>
      <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
        
        <tr>
          <td height="84"><img src="image/bottom.png" width="100%" height="84" /></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
<!-- InstanceEnd --></html>

Please note that I have not checked your web page for any HTML errors. You can do this with the W3C Markup Validation Service. All I have done is copy and paste your code and add/modify what is required to get the Juicebox sizing working (by inserting the <script> section at the end of the <head> section and changing the contents of the <table> into which you embed your gallery and giving it an 'id').
I have tested it and it seems to work OK.

Go to forum: Juicebox-Pro Support

4,066 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

Does it matter if they're in sets / photostreams?

This should not matter as long as you are not displaying an individual Flickr Set via the flickrSetId configuration option (which will display all images in the set regardless of tags).

Juicebox uses the Flickr API to fetch images from Flickr's servers.
It simply requests the images from Flickr and displays the images returned.
If you have tagged images that are not being displayed, then the problem is likely to be with Flickr.
If Juicebox requests all images tagged with the term 'latest' but Flickr does not return all the images you expect, then there is, unfortunately, little that Juicebox itself can do.

Try entering your Flickr settings into Flickr's own API Explorer to see how many (if any) images are returned. (You will need to use the Flickr User Id instead of the Flickr User Name for this.)

Also, please also see this Flickr FAQ for a few suggestions which may help:
Why aren't my photos appearing in searches or groups?

Other things to try:
(1) Try removing and then re-adding the tags to your images.
(2) Make sure that all your tagged images are public (and not private).

If you continue to experience difficulties, perhaps you could ask Flickr why some of your tagged images are not appearing in API search results.

Go to forum: Juicebox-Lite Support

4,067 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

I do not know where you saved your preset files to on your hard drive but if they are in the application's installation folder, then they will likely be deleted when you uninstall JuiceboxBuilder-Pro so please back them up to a different location first.

I would recommend saving your preset files to a location separate to the application's installation folder so that they are not lost if/when you uninstall JuiceboxBuilder-Pro.

Go to forum: Juicebox-Pro Support

4,068 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

In order to install a new version of JuiceboxBuilder-Pro, it is necessary to first uninstall any existing version from your computer.
Also, between uninstalling and reinstalling, manually delete the following folder (to ensure that no files are left behind from the previous installation) and empty your trash:

/Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro

Hopefully this will help.
(I have JuiceboxBuilder-Pro v1.3.3 installed and running OK under Adobe AIR 4.0 on my PC.)

Go to forum: Juicebox-Pro Support

4,069 Reply by Steven @ Juicebox

(15 replies, posted in Juicebox-Pro Support)

Thank you for testing the link I posted.
I have notified the developers of this issue and they will investigate further.

Go to forum: Juicebox-Pro Support

4,070 Reply by Steven @ Juicebox

(7 replies, posted in Juicebox-Pro Support)

no matter what I do I can not loose the white space that appears below the gallery

Depending on the height of your browser window, your gallery may have a different aspect ratio to that of your images.
When the image is scaled to fit within the gallery's image area, there may be space surrounding the image and because your gallery uses imageVAlign="TOP" (vertically aligning the main images to the top of the image area), all the space is pushed to below the main images.

You could perhaps set imageVAlign="CENTER" to balance the space between the top and bottom of your main image.

However, the ideal solution that you seem to be looking for is for the gallery's aspect ratio to remain constant no matter what the size or shape of the user's browser window is.
This can be achieved by implementing a solution such as the following.
To see the example in action, create a test gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' page with the code below.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <style type="text/css">
            body {
                margin: 0px;
            }
            body, html {
                height: 100%;
                width: 100%;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            function doLayout() {
                var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
                var galleryWidth = parseInt(windowWidth * 0.8);
                var galleryHeight = parseInt(galleryWidth / 2);
                $('#wrap').width(galleryWidth);
                $('#wrap').height(galleryHeight);
            }
            $(document).ready(function () {
                doLayout();
                $(window).on('resize', doLayout);
                new juicebox({
                    containerId: 'juicebox-container'
                });
            });       
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="wrap">
            <div id="juicebox-container"></div>
        </div>
    </body>
</html>

The '0.8' value is just an arbitrary width for the gallery (80%) for this example. You can change this to whatever you like.
The aspect ratio in the above example is 2:1 (set by the '2' in the line var galleryHeight = parseInt(galleryWidth / 2);).
Again, you can change this to whatever you like.
Hopefully you will be able to implement this within your own web page.

Also I posted recently about the gallery swiping on an ipad, is there some tweeking to the code that would prevent the sliding kicking in as I just want it to fade not be user interactive?

No. In Touch Input Mode, Juicebox automatically (and always) uses a slide image transition. This cannot be changed. Please see my reply to your query in this forum thread.

Go to forum: Juicebox-Pro Support

4,071 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

Would it be possible that some of the files aren't compatible with dropbox?

No. Juicebox galleries can successfully be hosted on Dropbox. (There are no incompatible files within a Juicebox gallery.)

I've linked my virb account with my dropbox account,

There is no need to do this.

and moved the file into dropbox/apps/virb ....

This is not part of the procedure.

If you are following the instructions here, have you downloaded and installed the Dropbox client program onto your computer?
If so, then when you double-click the 'Dropbox' icon on your desktop, do you see a folder named 'Public'?
If not, then please create a public folder by clicking here.
Then all you need to do is drag and drop your Juicebox gallery folder into this 'Public' folder.
To get the public link to the gallery for use in the iframe, you would navigate inside the 'Public' folder, then navigate inside the gallery folder, right-click the gallery's 'index.html' file and select 'Copy public link'.
The link should look something like this:
https://dl.dropboxusercontent.com/u/123456789/gallery/index.html

Go to forum: Juicebox-Lite Support

4,072 Reply by Steven @ Juicebox

(6 replies, posted in Juicebox-Pro Support)

You can upgrade the Juicebox plugin for Lightroom from Juicebox-Lite to Juicebox-Pro (to remove the branding and the 50-image limit and to allow Pro configuration options to be used) by following the 'Upgrading to Juicebox-Pro' instructions on the plugin's web page.

As far as I am aware, there are no plans to introduce individual fields for every Pro configuration option in the plugin's interface but you can enter Pro options into the 'Pro Options' text area. Each option should be entered one per line in the format optionName="OPTION_VALUE". Use Ctrl-Enter to add a new line.

Otherwise, you can edit a gallery created by the plugin with JuiceboxBuilder-Pro (which has all Pro configuration options available in its interface).

The only products which have full support for all Juicebox-Pro configuration options in their interfaces are:
(1) JuiceboxBuilder-Pro (which comes with Juicebox-Pro)
(2) Showkase
(3) svManager

(None of the Juicebox plugins for third-party programs have individual fields for every Pro configuration option.)

Go to forum: Juicebox-Pro Support

4,073 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Lite Support)

I can only upload each file individually

This will not work. The structure of the gallery's 'jbcore' folder needs to be kept intact. It is not possible to simply upload all gallery files individually to a single 'assets' folder within your Virb account.

As Virb is not a regular web host providing web space that you can upload your gallery folder to via FTP, you will not be able to host a gallery on Virb. You will have to host your gallery elsewhere (such as Dropbox) and load the gallery into your Virb page using an iframe as documented in the Embedding in a Web Template Site instructions.
When it comes to inserting the iframe into your Virb page, please see this Virb help page.

I tried to upload the file into dropbox, but it won't let me.

If you follow the Embedding in a Web Template Site instructions, you should be able to host your gallery on Dropbox (and you can check that it has worked by simply opening the public link for the gallery's 'index.html' file in a browser to display the gallery).

If you get stuck, please let me know how far you get in the instructions and what seems to be the problem so that I can help further.

Go to forum: Juicebox-Lite Support

4,074 Reply by Steven @ Juicebox

(2 replies, posted in Juicebox-Pro Support)

You can set imageTransitionType="SLIDE" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) but it is not possible to have previous and next images displayed to the left and right of the main image currently being displayed.

If you want to have partial previous and next images displayed alongside the current image, you might like to take a look at another one of our products, AutoViewer, although please note that AutoViewer is a Flash image viewer and will not display galleries on mobile devices.

Go to forum: Juicebox-Pro Support

4,075 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Yes.
Set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) and when a user clicks a main image, the corresponding linkURL (from the gallery's XML file) will be opened in the appropriate linkTarget tab or window.
linkURLs and linkTargets can be entered for each individual image on JuiceboxBuilder-Pro's 'Images' tab.

Go to forum: Juicebox-Pro Support