dcsimg
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: Web
Expertise: Beginner
Mar 5, 2008

WEBINAR:

On-Demand

Building the Right Environment to Support AI, Machine Learning and Deep Learning


Animate Images Along a Path in Web Pages

Use the following steps to rotate the images in your web page:
  1. Open Google Image Search.
  2. Type, for example, the word "rose" in the search field. The relusts page should dispaly rose images.
  3. Copy and paste the following code in your address bar:
    
    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) 
    
When you press Enter your browser will continuously animate every image on the page along the path defined by the JavaScript.

MV Prem Kumar
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap
Thanks for your registration, follow us on our social networks to keep up-to-date