Example 1

This example shows an animated bunch of clouds. Here the amount of clouds is random, between 3 and 5.

$('#sky').jQlouds({
  minClouds: 3, // minimum amount of clouds
  maxClouds: 5, // maximum amount of clouds
});

Example 2

You can set a maximum size for the generated clouds. In this example we set maximum size as 50% of the original image

$('#sky').jQlouds({
  maxWidth: 113, // max image's width
  maxHeight: 48, // amx image's height
});

Example 3

You can animate the clouds like in a windy day. Animations are randomly applied to each cloud.

$('#sky').jQlouds({
  wind: true
});

Try it now it's free!

Download View on Github

Fork me on GitHub