Hack images on any page with Math and JavaScript
Aug 7th, 2007 by geekhacks
JavaScript is recently very popular scripting language. It powers the most popular Web 2.0 applications with a combination of web development technique called AJAX.
However, if you thought that JavaScript can be used only by web developers I must defeat you. Below this paragraph you will find 2 snippets of JavaScript code that you can just copy and paste to your browser address bar and you will see the power of Math and JavaScript.
But before I show you the snippets do the following:
- Open some web page with images e.g. http://images.google.com
- Search for whatever you like e.g. hacks
- Copy and paste one of the following snippets:
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.mkssddddddddddd=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);
or
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);
As you can see there can be much of fun with this 1 line of code. You can also freely modify the it and discover some other cool image motions. Please share them with us!
Oh my God Erik, that is unbelievably … it’s awesome. Do you mind if I cite your post over at my blog ? You will get a free link back that way and all credits go to you.
Hey MuZumbu,
Feel free to cite this on your blog I will really appreciate it.
Thanks!
Hi , what would you like to be your anchor text for the link to this blog ?
[...] was really cool about it was the Hack images on any page with Math and JavaScript and If God was [...]
Muzumbu, it could be easily “Geek Hacks”, really thanks.
whenever I am trying to view anything on Utube a message appears - javascript is turned off (unable to view)
Can you assist