OK, I've set up a test page to demonstrate the problem. If you email me, I'll send you the URLs. I have two versions of the same page, where the only difference is the version of the juicebox.js file that they point to. One works, the other doesn't.

As I said, it works fine under the earlier version, and the config file is present and correct. All I'm changing on my website is the version of the juicebox.js file. As soon as I revert to the earlier version, everything works as normal.

All files are specified with absolute paths on the same domain. I'm wondering if it's an issue with the generated xml in the config file, so has something changed between versions?

The dynamically generated config file looks like this:

<?xml version="1.0" encoding="UTF-8"?><juiceboxgallery title="Juicebox Gallery"
imageShadowBlur="0"
thumbShadowBlur="0"
themeUrl="http://www.mydomain.com/gallery/jbcore/classic/theme.css"
thumbsPosition="top"
thumbWidth="75"
thumbHeight="50"
galleryWidth="100%"
galleryHeight="100%"        
frameWidth="2"
imageFrameColor="rgba(75,38,213,1)"
thumbPadding="10"
imageTransitionType="slide"
showOpenButton="false"
showImageOverlay="auto"
showAutoPlayButton="true"
showImageNav="false"
showNavButtons="true"
buttonBarPosition="overlay"
screenmode="auto"
buttonBarBackColor="rgba(75,38,213,0.5)"
imageScaleMode="SCALE_DOWN"
maxCaptionHeight="40"
showExpandButton="false"
useFullscreenExpand="false"
showImageNumber="false"
enableDirectLinks="false"
thumbCornerRadius="10"
thumbFrameWidth="2"
thumbSelectedFrameWidth="5"
showInfoButton="false"
captionPosition="NONE">
<image imageURL="http://www.mydomain.com/gallery/images/a.jpg" thumbURL="http://www.mydomain.com/gallery/thumbs/a.jpg" linkURL="" linkTarget=""><title></title><caption></caption></image><image imageURL="http://www.mydomain.com/gallery/images/b.jpg" thumbURL="http://www.mydomain.com/gallery/thumbs/b.jpg" linkURL="" linkTarget=""><title></title><caption></caption></image></juiceboxgallery>

Again, this config file works fine with version 1.2

That's perfect. I'll give it a shot. Thanks for your help :)

That worked absolutely perfectly. Thanks :)

I realise that the config file now includes a shadow option, but I want a drop-shadow effect that looks like this:

Link removed.

The config file just seems to add a blurred shadow around the entire image. I've tried applying the correct parameters to just about every element I can think of in the CSS file, and it has no effect. Am I missing something?

I've sort of figured out the problem. It's the scaling (or rather the lack of scaling). If I make the thumbnail height and width parameters the same as the actual dimensions of the thumbnails, the problem disappears. So the issue arises when the actual thumbnails are larger than the parameters set in the config. options.

Is there any way of making the thumbs scale to the defined area?

Chrome is up-to-date. Testing on Win 7, 64 bit. Can't provide gallery URL as I'm just testing at the moment and it's not live. The border is being rounded off, but the image isn't. Firefox is fine.

While it's nice to see that you've added support for a thumbnail border-radius in the config file, it still isn't working properly in Chrome. Same issue as before - works fine on square thumbs, doesn't work on rectangular thumbs.

Cheers. I was just confused by the "you can transfer a single license between domains" bit. :)

Right, I've figured out why you're not seeing the same issue. I'm using rectangular thumbs - 75px by 50px. If I set the width to 50px as well, then the border-radius is applied correctly.

Any ideas how I can set the border-radius on rectangular thumbs? Not sure why this should make a difference.

Thanks Steven. Unfortunately, it doesn't work. That just affects the corners of the active/hover thumb border. The underlying thumb remains unchanged.

However, this:

.jb-idx-thumb {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

... works in FF and IE, but not Chrome.