Summing up the photo gallery (part 6)

I started building a photo gallery app., flickr in mind, as a means to learn the seam framework. To sum up here is my previous posts :

1. "little restfull photo gallery example, with seam, which seams fine", here.

2. "seamy photo gallery, securing it (part 2)", here.

3. "seamy photo gallery, securing it (part 2)", here.

4. "seamy photo gallery, resting easier (part 4)", here.

5. "seamy photo gallery, writing an authentication filter (part 5)", here.

Here is what I did on last couple of days:

Firstly I publish the source code here on google code. Named it jhoto rather hastely. This will probably be an internal name :)

Polished it a little so that it has a original look. I ended up creating some simple bubbley look using paint and some css. Here is how it looks now :

And lastly using jquery to gave the bubbles some animation so that they wiggle a little:

        <script type="text/javascript">
 $(document).ready(function() {
     var animationLoop = function(it) {
         it.animate({
             opacity: 0.5 + Math.random() / 2,
             marginLeft: (Math.round(Math.random()*10) - 5)+"px",
             marginTop: (Math.round(Math.random()*10) - 5)+"px"
         }, 1500, "linear",
         function() {
             animationLoop($(this));
         });
     };
     $("table.aframe").each(function() {
         animationLoop($(this));
     });
 });
 </script>

What the above code does is move my bubbles (tables) randomly whit in some threshold.

Will probably do more on this...