Tim

Hi Houston,

You’d need to override the .jp-carousel-overlay class in your CSS. For example, to set a black background with 80% opacity:

.jp-carousel-overlay {
background:#000;
background:rgba(0,0,0,0.8);
}

And for a white background:

.jp-carousel-overlay {
background:#fff;
background:rgba(255,255,255,0.8);
}

For browsers not supporting rbga transparency, they’ll just see a solid background color.

Hi,

We’d prefer to keep this plugin as close to the Jetpack Carousel module as possible, so it’s quick and simple to update on future Jetpack releases.

If your contributions can be shipped as a plugin that works alongside this plugin, then feel free to share the code or submit as a plugin to wordpress.org. That way, you and users will get the benefit of the added functionality, plus your plugin and this Carousel plugin can be updated independent of each other.

Version 0.7 onwards progressively loads images.

http://jetpack.me/support/carousel/ doesn’t load scaled images – click the first image in the gallery in your example on a ~ 1500 x 950 viewport display, and you’ll see that Jetpack loads a 4256 x 2832 image, despite outputting it at only 1023 x 681:
http://cl.ly/image/3m2d0j0U080d

The image scaling examples you provide are nothing to do with the Carousel module; if you have the Photon CDN enabled, you’ll get scaling based on the viewport, which will provide a more optimised user experience.

This has been fixed in 0.7.1

Hi,

Thanks for the heads up. We’ve just updated this with the latest Jetpack Carousel version, 2.9.3, so you won’t need to manually modify the plugin.