GrowImage like in live image search

I'd like to present my new JavaScript control similar to http://search.msn.com/images/results.aspx?q=ajax&FORM=BIIR Also you can find my implementation of control on NaikonSoft


Now I want to show you how it works

Animation effects implemented using Yahoo lib.
To setup it you should add to the head of page:
    <link href="style/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/animation.js"></script>
    <script type="text/javascript" src="js/GrowImage.js"></script>


Then you need to place images in some container with attributes like in example:
<div id="images">
<div class='float'><img id='growImage1' src='ajax.jpg' title ='Ajax sample image' name='example1'  description ='Sample image in GrowImage control' width='100' height='100' alt='' /></div>
<div class='float'><img id='growImage2' src='ajax2.jpg' title ='Ajax2 sample image' name='example2' description ='Sample image2 in GrowImage control'  width='100' height='100' alt='' /></div>
 <script type="text/javascript">createImages("images");</script>
</div>



Source code in attach.

Comments

where is the code to download ??? m unable to find the code download for this script.

Hi VikramThanks fixed :)

where is the source code to download??

You can use simple HTML-formatting tags(like <b>, <ul>, <code> and others)

Wow free space!
Super hosting provider might be here!

Is it Google?