Suburban Glory Web Design is proud to announce the release of jQuery plugin Little Colour Boxes and our first contribution to one of the web's must dynamic and worthy Open Source projects.
The plugin creates a gentle but aesthetically sharp animation over an image of your choice (but not background image) that plays for a few seconds every time the page is loaded.
A download link is at the bottom of this article.
For an example of the animation see this page here: http://www.little-colour-boxes.suburban-glory.com/
Another example is here: http://www.cleaner-one.suburban-glory.com/
It is easy to set up.
Firstly link to the file in the header as you would any other script:
<script src="pathhere/jquery-littlecolourboxes.js"></script>
Then give the image you want to animate an ID of “image-boxes” like so:
<img src="images/nice_pattern_islamic.gif" width="425" height="425" id="image-boxes">
And in the header call the function as you usually do with jQuery and add the colour of your choice:
<script>
$("image-boxes").colboxes("#fff");
</script>
At the moment the script is divided into 7x7 boxes. The next release will allow control of the number of boxes via a function parameter.
The animation does not work in Internet Explorer 6.
It is released under the GNU General Public License (GPL) Version 2.
We'll set up jQuery page and a an appropriate control system in the next couple of days, but for now you can download it from here.
