(1) Instead of the following:

new juicebox({
    containerId: 'juicebox-container',
    configUrl: 'ResponseGallery.aspx?id=' + id
    //baseURL: 'http://admin.svstudios.com/App_Upload/',
}).toggleExpand();

... try:

jb = new juicebox({
    containerId: 'juicebox-container',
    configUrl: 'ResponseGallery.aspx?id=' + id
    //baseURL: 'http://admin.svstudios.com/App_Upload/',
});
jb.onInitComplete = function() {
    jb.toggleExpand();
}

(2) I am not sure why you would be getting two responses but perhaps the second one is due to the call to the toggleExpand() method. Try temporarily removing this to see if it makes a difference.

(3) I see the scrolling problem in your web page (on closing a gallery) but have been unable to replicate it in a stripped back test gallery resembling yours as closely as possible (loading the same external JavaScript and CSS files as your page does and using a similar technique to display an expanded gallery from a link on the same page).
Try temporarily removing elements from your web page, one by one, until the problem no longer exists to try to determine the cause of the problem.

Also, it looks like the code:

*
{
    color: #323232;
}

... in your 'main.css' file is overriding the color of the Button Bar icons, the navigation arrow buttons and the titles and captions in your gallery (as the gallery is inheriting this wildcard CSS rule).
You can override this wildcard CSS rule by explicitly setting colors for the elements in your gallery using the available Color Options.

4,602

(7 replies, posted in Juicebox-Pro Support)

The developers are aware of the problems in Opera Mini on mobile devices and a bug report has been logged.

The issue with the semi-transparent overlay on Android devices has been resolved and will be fixed in the next version of Juicebox-Pro (though I do not know when it will be released).

4,603

(2 replies, posted in Juicebox-Pro Support)

Yes. Set enableDirectLinks="TRUE" (in the 'Customize -> General' secion of JuiceboxBuilder-Pro) and you can link directly to a specific image in your gallery using a URL such as http://www.example.com/gallery/#2
Please see the description of the enableDirectLinks configuration option in the General section of the Config Options page for more information.

4,604

(8 replies, posted in Juicebox-Lite Support)

First, your web page should use a Doctype Declaration so that the user's browser knows what set of standards your web page should conform to. Select a suitable Doctype for the code on your page and place it at the top of your page above the opening <html> tag.
Try using the HTML 5 Doctype:

<!DOCTYPE HTML>

Next, try validating the code on your web page with the W3C Markup Validation Service and fix the errors reported.
Once the code on your page validates correctly, the page should be rendered with greater predictability and consistency across different browsers. (Your 'main' and 'container' divs are unclosed.)

Also, try changing:

<div id="juicebox-container"></div>

... to:

<div id="juicebox-container" style="float: right;"></div>

4,605

(8 replies, posted in Juicebox-Lite Support)

First of all, try changing your gallery's background color so that the entire gallery can clearly be seen on your web page.
This should let you know whether the space you are seeing is within the gallery area or elsewhere on your web page.
If the space is within the gallery area, check that you have set both imagePadding and stagePadding to zero.
Also, try setting imageScaleMode="FILL" to ensure that the main image fills the available image area within the gallery. If this removes the space, then it may simply be that the aspect ratio of your main images does not match that of the image area within the gallery and changing the dimensions of the gallery, the shape of your images or the imageScaleMode should help.

4,606

(1 replies, posted in Juicebox-Pro Support)

If using JuiceboxBuilder-Pro to edit your gallery, you can change the Gallery Title in the 'Customize -> Lite' section.
Otherwise, you can manually edit your gallery's 'config.xml' file in a plain text editor and change/add the Gallery Title as an attribute to the opening <juiceboxgallery> tag, e.g.:

<juiceboxgallery galleryTitle="text">

4,607

(3 replies, posted in Juicebox-Pro Support)

I do not see a Google fonts <link> tag in your http://www.philipchudyfineart.com/line/index.html page (the page into which your gallery is embedded). You should put the following code into your page's <head> section:

<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>

Also, your galleryFontFace configuration option in your gallery's XML file currently looks like this:

galleryFontFace="&#xD;&#x9;galleryFontFace=&quot;Raleway&quot;"

... but should look like this:

galleryFontFace="Raleway"

Please ensure that when uploading your font files (in the 'jbcore/classic/fonts/' folder) that the transfer method is binary and not ASCII. (This can be set in your FTP program.)
Also, please check with your web host that your web server has the correct MIME types for the font files.
Please see this forum thread for more information.

There were no changes to the icon functionality between versions 1.3.0 and 1.3.1 so downgrading to Juicebox-Pro v1.3.0 would not help.

If you continue to experience difficulties, please post the URL to your gallery so that I can take a look.

4,609

(8 replies, posted in Juicebox-Pro Support)

Are you perhaps using the Bulletproof Security plugin?
If so, then you will need to add a bypass rule to your root .htaccess file to allow WP-Juicebox to function correctly.
Add the following code to your root .htaccess file:

# Juicebox skip/bypass rule
RewriteCond %{REQUEST_URI} ^/wp-content/plugins/wp-juicebox/ [NC]
RewriteRule . - [S=13]

If you are not using the BulletProof Security plugin, then try deactivating all your installed plugins other than WP-Juicebox and re-activate them one by one (checking your WP-Juicebox functionality after each one) to see if you can find a conflict.

As the gallery's XML file will not be re-saved until you re-save the complete gallery on the 'Publish' tab, there is no way to regenerate only the XML file without all the other gallery files.
What you are currently doing is probably the best workaround: create a copy of your gallery, update your titles and captions, save the gallery and then copy and paste the 'config.xml' file into your original gallery folder that Dreamweaver is aware of.

4,611

(8 replies, posted in Juicebox-Pro Support)

It is not actually your homepage which is displayed in the pop-up window but your web site's error 404 page, indicating that the required page cannot be found.
Either the 'jb-config.php' file is not in the 'wp-juicebox' directory or your WordPress installation is returning an incorrect path for the plugins_url() function. (WP-Juicebox uses the WordPress 'plugins_url()' function to determine the location of the 'jb-config.php' file.)

It looks like there may still be a WordPress configuration option you need to change with regard to your redirection.
Please see the Moving WordPress page for details.

If this does not help, then you could hard-code the path to the 'jb-config.php' file by opening the 'wp-juicebox/wp-juicebox.php' file in a plain text editor and changing line 651 from:

JB.Gallery.configUrl = "<?php echo plugins_url('jb-config.php', __FILE__); ?>";

... to:

JB.Gallery.configUrl = "http://www.hmkphotography.com/blog/wp-content/plugins/wp-juicebox/jb-config.php";

Please note that the line number above refers to the current version of WP-Juicebox (v1.3.1.0).

@amber.au

The expanding multiple galleries bug has been addressed and will be fixed in the next version of Juicebox (although I do not know when it will be released).

I also notice that expanding the gallery and then closing or un-expanding it reloads my page without scrollbars so the user can only view the top content on the page!

I have been unable to replicate this problem in test galleries of my own.
Try checking your web page for HTML error with the W3C Markup Validation Service and fix any errors reported in case there are errors on your web page which are somehow contributing to the problem.
If the problem continues, please post the URL to your web page so that I can take a look.

4,613

(8 replies, posted in Juicebox-Pro Support)

This is a problem with the admin (backend) section and the 'jbcore' folder is used only when the gallery is displayed (the frontend) so swapping the Juicebox-Lite 'jbcore' folder for the Juicebox-Pro 'jbcore' folder will not help with the problem that you are experiencing.
When clicking the 'Add Juicebox Gallery' button, the plugin's own 'jb-config.php' file (in the 'wp-content/plugins/wp-juicebox/' directory) should open in the pop-up window. I do not know why your own homepage would open in the pop-up window instead.
Try reinstalling the current version of the WP-Juicebox (v1.3.1.0) from scratch to ensure that all plugin files are present and correct on your web server.

@chuckgporto

It may have something to do with the fact that the demo gallery uses a unique demo version of the 'jbcore' folder which is immune to the bug (rather than a release version).
In any case, the developers have been able to replicate the problem and it will be fixed in the next version of Juicebox (though I do not know when it will be released).

Yes. You can use the Juicebox-Pro API (specifically the onImageChange event and the getImageInfo method) to get the title and/or caption of the current image and display it wherever you like on your page.
Here is a an example which displays the title and caption of the current image in a <div> outside the gallery.

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Juicebox Gallery</title>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="description" content="">
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
    </head>
    <body>
        <script src="jbcore/juicebox.js"></script>
        <script>
            jb = new juicebox({
                containerId : 'juicebox-container',
                galleryWidth: '800',
                galleryHeight: '600'
            });
            jb.onImageChange = function(e) {
                var index = e.id;
                var info = jb.getImageInfo(index);
                var title = info.title;
                var caption = info.caption;
                document.getElementById("text").innerHTML = title + "<br />" + caption;
            }
        </script>
        <div id="juicebox-container"></div>
        <div id="text"></div>
    </body>
</html>

You could modify the 'jbcore/full.html' page to include your banner ad and set expandInNewPage="TRUE" in your gallery's XML file to force Juicebox-Pro to use the 'full.html' page when expanding the gallery.
For more details on the expandInNewPage configuration option, please see here.

Is this possible with JB pro?

Yes. Set screenMode="SMALL" to force the gallery to be displayed in Small Screen Mode in all browsers and on all devices.
This will initially display a grid of thumbnails from which the user can select a main image. When the main image is selected, the user can return to the thumbnail page via the 'Toggle Thumbnails' button on the Button Bar. (You can use the Thumbnail Options to change properties of the thumbnails such as the dimensions and distance between them.)
For more information about Screen Modes, please see here.

can JB pro display the image title and caption in a a custom place on the canvas other than the options supplied?

No. Captions can be positioned only using the captionPosition and captionHAlign configuration options.

any reason the images are not showing up?

The forum software does not allow images to be embedded into posts. However, the links to your images are fine.

4,618

(5 replies, posted in Juicebox-Pro Support)

I genuinely do not know. However, the developers do read the suggestions in the Feature Request forum thread and many have been implemented. A large number of the new features introduced in Juicebox v1.3.0 started off as suggestions from users.

4,619

(1 replies, posted in Juicebox-Pro Support)

There is no movie clip but instructions can be found here. (Scroll down to the 'Adding Images From WordPress Media Library' section.)

Essentially, all images attached to the post containing the gallery will be displayed in the gallery.

  • Create or edit the post containing the gallery

  • Click the 'Add Media' button

  • Go to the 'Insert Media' section (which should be displayed by default)

  • Drag and drop your images into the media window

  • Wait until your images have finished uploading

  • Close the media window (do not click the 'Insert into post' button)

  • Publish or update your post

Sorry for the bad link. I have corrected the error in my previous post.
If there are, indeed, 14 images attached to the post containing the gallery, then they should be displayed in the gallery.
However, your gallery's XML file (http://lizstabbertphoto.com/wp-content/ … llery_id=1) shows no <image> entries.
In case there is a problem with any of the plugin's file, try re-uploading the entire 'wp-juicebox' folder to your 'wp-content/plugins/' directory to ensure that all files are present and correct.
Also, is there anything out of the ordinary about your WordPress installation that you can think of?
Otherwise I may need access to your WordPress installation and/or web server in order to determine the cause of the problem.
If you are willing to allow me access, I can contact you via email so that you can provide me with login details.

Do you have a release date for the next Juicebox-pro release ?

There is no set release schedule for Juicebox and I do not know when the next version will be released. Any estimate I give you could turn out to be wholly inaccurate.
However, if you would like to be notified of new releases, please subscribe to our newsletter at the foot of our homepage or follow us on Twitter @juiceboxgallery

If the next release date is too far for us, would it be possible for you to give us a patch or hotfix ?

Unfortunately, this would not be possible.

It looks like there is a problem with either your font files (in the 'jbcore/classic/fonts/' folder) or your 'jbcore/classic/theme.css' file (or perhaps a mismatch between version numbers).
Try re-uploading a fresh copy of the 'jbcore' folder (extracted from the Juicebox-Pro v1.3.1 download zip package) to your web server to ensure that all files are present and correct.
If this does not help, then please post the URL to your gallery so that I can take a look.

4,623

(1 replies, posted in Juicebox-Pro Support)

Am using the DW6 editor

Please see the Embedding Using Dreamweaver instructions.

where do I put the juicebox folder to make it happen?

Essentially, if you follow the standard embedding instruction here, then you should upload the contents of your gallery folder to the same directory as the HTML document containing your gallery's embedding code.
Alternatively, if you use the baseUrl method of embedding (documented here) then you can upload your entire gallery folder (not just the contents) to your web server. It does not matter where on your web server you upload your gallery folder to as long as you know where it is and that the two paths within your gallery's embedding code (the path to the 'juicebox.js' file and the baseUrl itself) are correct.

Do I need any plugin?

No. There is no Juicebox plugin for Dreamweaver. Just follow the embedding instructions (either the standard instructions or the baseUrl method) and your gallery should display fine.

4,624

(9 replies, posted in Juicebox-Pro Support)

The page displaying your gallery is in this directory: http://www.maxphotostudio.com/index.php … dr-photos/
In this page, your baseUrl is:

baseUrl : 'wordpress/wp-content/Juicebox_Galleries/Kali_Kate_HDR/',

This is a relative path (relative to the page containing your gallery's embedding code) so, instead, you should use a leading slash to denote the root directory of your web space:

baseUrl : '/wordpress/wp-content/Juicebox_Galleries/Kali_Kate_HDR/',

When I look via Cyberduck, all the pertinent files and folders (config.xml, index.html, and the images, jbcore, and thumbs folders) are in the Kali_Kate_HDR folder.

If I go directly to http://www.maxphotostudio.com/wordpress … config.xml in a browser, I get the following message:

Whoops! Whatever you are looking for cannot be found.

Either the gallery files do not exist in the correct location on your web server or perhaps the permissions on your gallery folder are too restrictive and the contents cannot be read. Check that the permissions of your gallery folder (and all subfolders) are 755 and that the permissions of your gallery files are 644.

4,625

(6 replies, posted in Juicebox-Pro Support)

does it have something to do with me switching from .html to .php?

No. There may be a difference between the code on your HTML page and your PHP page but just changing the file extension from .html to .php will not, by itself, make any difference at all.
Perhaps there is something within your PHP includes that is making the difference.