I’ll be trying to simplify so everyone can pull this off this short little HOW TO…
Ok, this ain’t all too new and theres been lots of videos in youtube and such websites showing screencasts of some image trick that makes pictures go swirling around the browser, such as in this youTube Link .

In any case you can just copy and paste the javascript code I’ll post here on your NAVIGATION TOOLBAR in your webbrowser which is the one where you put/see your URL. And I wouldnt really call this little trick/s a hack just some novel trick maybe, but it does look pretty cool.

Your going to have to have your Javascript ENABLED in your webbrowser of choice(preferably fully enabled). Now I’ve tried it on several browsers(such as – FireFox(version 2.0.0.11), Mozilla Seamonkey(version 1.1.7), Flock(version 1.0), Netscape Navigator(version 9.0.0.4), IE7(version 7.0.5730.11) , OPERA(version 9.24) which works on all, but like I said the javascript has to be enabled and then it will depend on what your javascript settings would be even if it was enabled, like if you tried using javascript code that would resize your windows, but your browser javascript setting didnt allow it even if javascript was enabled then you wouldnt have the resizing of the windows happening.

* Oh yes, and one more thing Java and javascript are 2 different things. Despite some screencasts in youTube saying its Java sometimes, this little trick uses “javascript and not Java”.

* Other than javascript being enabled and its settings fully configured to use the said little tricks, you still get varying results at different webpages, like try comparing the swirling effects of it in flickr(flickr.com) and using Microsofts LIVE search(live.com) on images.

1.) Swirling IMAGES in the browser (script): (just copy and paste code to your browser navigation toolbar, and pls. omit the lines.)
Best to try this on a page with lots of images, try flickr.com or something.
Example: javascript_image_trick

 
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);


2.) Jittering Webbrowser UI (script): (just copy and paste code to your browser navigation toolbar.)
 
javascript:function flood(n) {if (self.moveBy) {for (i = 15; i > 0;i--){for (j = n; j > 0; j--) {self.moveBy(1,i); self.moveBy(i,0);self.moveBy(0,-i); self.moveBy(-i,0); } } }}flood(6);{ var inp = "D-X ?!?tahw ro emosewa siht sI"; var outp = ""; for (i = 0; i <= inp.length; i++) {outp =inp.charAt (i) + outp ; } alert(outp) ;}; reverse


3.) Browser Edit Current Website (Edit the current website in your browser, script): (just copy and paste code to your browser navigation toolbar, and pls omit. the lines.) *This trick just temporarily lets you edit and play around the current website in your browser, it doesn’t truly do anything to the website, so once you refresh or something all changes will not stay as you changed it.

 
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0


________________________________________________________________________
*If the scripts do not work try checking your Javascript Settings in your web-browsers. (newer browsers wont work)
Enjoy!

** Java and javascript are not the same.

**for quick summarized reference to Javascript – Javascript @ WikiPedia

**for quick summarized reference to Java – JAVA @ Wikipedia 

0 comments:

Post a Comment