Jeremiah Tolbert

Writer | Photographer | Web Designer

jQuery Experiment: Looping Clouds Header

I’m work­ing on a new design for this website–one that shows off my skills as a designer a bit bet­ter, and so on, to help secure the job.  In doing so, I’ve been build­ing lit­tle exper­i­ments to teach myself new tricks.  I thought I’d share this lit­tle trick with you today.

Experiment: Clouds

The idea started out pretty sim­ple– I just wanted to loop some mov­ing clouds.  But as I thought about it more, I wanted it to be more and more arti­fi­cial look­ing, like an old stage set.   I’ve got a lot of fea­tures I need to add, but the basic the­ory is there.  You can view source and see exactly what javascript I’m using to move things around.

Don’t bother look­ing at this with IE6.  The trans­paren­cies won’t work.  And yes, the pngs make file sizes kinda big, but I real­lly wanted the trans­parency effects. It’s an exper­i­ment, like  I said.

More later!

Tagged as: , , , ,

Leave a Response