~:: kalyan ::~

October 18, 2006

Dancing Images on the page you are seeing!

Filed under: Script — skalyanasundaram @ 1:16 pm

Some nice script my friend send me. Just copy and paste it in your address bar of your browser. All the images which are exist in that page will start dancing. Logic is very simple. But a good kind…..

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0)

Let see the proper intended one.

javascript:

R=0;

x1=.1; y1=.05; // initial varaiables

x2=.25; y2=.24;

x3=1.6; y3=.24;

x4=300; y4=200;

x5=300; y5=200;

DI=document.images; //get list of images from DOM

DIL=DI.length; // count hoe many images

function A() {

for(i=0; i<DIL; i++){ //repeat for all images

DIS=DI[ i ].style; //get reference to style attribuet of each image

DIS.position=’absolute’; //change the img attribute position to absolute so that we can set our own, make dance

DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; // chaneg position and make dance using sin,cos logic

DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5;

}

R++;

}

setInterval(‘A()’,5); //repeat the same for ever with a gap of 5 sec

void(0);

Is it a nice one? I Hope so…

Advertisements

Leave a Comment »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Create a free website or blog at WordPress.com.

%d bloggers like this: