Jclouds jquery is mostly use for the background effect of you web pages it is easy to install in you webpage just add jcloud jquery in your webpages and show cloud effect in your webpage.

you just need to pass a jquery selector and call the plugin so you can get effect of the cloud in your webpage.

How To Use Jcloud Jquery?


You have just add jqlouds jquery in youe head section.

You can generate multiple clouds on the same page, using below jquery code

Number of clouds Show

$('#sky').jQlouds({
  minClouds: 5,
  maxClouds: 10
});

Maximum clouds' size

$('#sky').jQlouds({
  maxWidth: 113,
  maxHeight: 48,
});

Customize the cloud

$('#sky').jQlouds({
  src: 'path/to/image.png',
});

Animation

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

Options

options = {
  src: 'images/cloud.png', // path to image, the default is a base64 (you can see the actual string in sources)
  maxWidth: 227, // max image's width
  maxHeight: 96, // amx image's height
  minClouds: 20, // minimum amount of clouds
  maxClouds: 30, // maximum amount of clouds
  skyHeight: null, // height of the container element
  wind: false // animate clouds, default is false
};

$('#sky').jQlouds(options);

Demo Download

About The Massive Technolab

Avatar
Who We Are

Massive Technolab is a Leading IT services Company in India that expertise in web Development, Web Design and SEO at affordable rates.

Leave a Comment

comments powered by Disqus