Download
User Rating: 4.6/5 ( 2 votes)
jQlouds is an awesome yet simple plugin for jquery that let's you create clouds on the fly.
Source: github.com
1. INCLUDE JS FILES
<script src="jquery.js"></script>
<script src="dist/jquery.jqlouds.min.js"></script>
2. HTML
<div id="sky" style="height:223px;"></div>
3. JAVASCRIPT
jQuery(function($) {
$('#sky').jQlouds();
});
4. 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);