Make images float on any website with Javascript code!

By -

JavaScript

Want to impress someone with your coding skills?

1. Open any website which has some pictures.
2. Simply copy and paste this piece of code on Developer Console in Chrome (Menu > More Tools > Javascript Console) or Web Console in Firefox  (Menu > Developer > Web Console) and hit Enter!


    

  1. javascript: initialFlow = 0;
    2. 

  2. img1 = .1;
    3. 

  3. img1 = .05;
    4. 

  4. img2 = .25;
    5. 

  5. img2 = .24;
    6. 

  6. img3 = 1.6;
    7. 

  7. img3 = .24;
    8. 

  8. img4 = 300;
    9. 

  9. img4 = 200;
    10. 

  10. img5 = 300;
    11. 

  11. img5 = 200;
    12. 

  12. imgCollection = document.getElementsByTagName("img");
    13. 

  13. imgLength = imgCollection.length;
    14. 

  14.  
    15. 

  15. function startFlow() {
    16. 

  16.     for (i = 0; i - imgLength; i++) {
    17. 

  17.         inFlow = imgCollection[i].style;
    18. 

  18.         inFlow.position = 'absolute';
    19. 

  19.         inFlow.left = (Math.sin(initialFlow * img1 + i * img2 + img3) * img4 + img5) + "px";
    20. 

  20.         inFlow.top = (Math.cos(initialFlow * img1 + i * img2 + img3) * img4 + img5) + "px"
    21. 

  21.     }
    22. 

  22.     initialFlow++
    23. 

  23. }
    24. 

  24. setInterval('startFlow()', 5);
    25. 

  25. void(0);
    26.
Now you should see all the pictures floating around making circular loops, isn't that fun?

Comments

Post a Comment

Note: Your comment won't be published if it includes abusive words, disrespect or links to external websites.

Popular posts from this blog

How to create your own HTTP file server in just 2 minutes (using Python)?

By -
Image
  Ever been in a situation where you need to copy some files from one computer to another, both connected to the same Wi-Fi but have no LAN? Then this small trick shall come to your rescue! Following these steps, you can easily create an HTTP file server in less than two minutes: Install Python on your computer if you don't have already: https://www.python.org/downloads/ Now, open your console window (Command Prompt in Windows, Terminal in Linux/Mac OS) Enter the follow command (for Python 3-):  python -m SimpleHTTPServer Enter the follow command (for Python 3+):  python -m  http.server 8000 That's all! You have just created your own HTTP file server. Now all you have to do is, open the web browser on another computer and go to: http:// [ip_addresss_of_host_computer] :8000 IP address of your host computer can be found by pressing Window key + R and type ipconfig and hit Enter. IPv4 Address is your IP address. Thanks for reading! Shar...
Read more

Submit Blogger Sitemap to Google Search Console (Webmasters Tools)

By -
Image
Submitting your Blogger blog Sitemaps to Google Search Console for better visibility of your blog in the Google Search results, is quite easy. First of all, create a Sitemap for your blog at: https://www.xml-sitemaps.com/ Fill in the necessary detail in the submission form and click 'Start' . Wait for a few minutes for the process to complete (depending upon the size of your blog) Now go to Google Search Console: https://www.google.com/webmasters/tools/home?hl=en Click on your website name From the left sidebar, click 'Crawl' > 'Sitemaps'  Now click ' Add / Test Sitemap '. After your blog address, type sitemap.xml (so that it looks like the picture below) and click 'Submit' : Next, you'll be shown the status of your submission in the table below. Make sure to make any necessary changes if required. That's it! You've successfully submitted your blog sitemap to Google Search Console!
Read more

How to unsubscribe all the useless mails quickly? (from social network sites and others)

By -
Image
Today, I'm sharing a little but highly effective trick that can save you lot of time. I'm guessing there are more people than just me who are tired of seeing hundreds and thousands of unwanted mails getting delivered to their inbox everyday. This not only makes it harder to look for the important mails in the inbox but, your inbox finally turns into an unmanageable trash-box and sooner or later, you stop checking for mails altogether. Luckily, there's this awesome service that I found (free, of course) that can help you unsubscribe all those useless mails easily and quickly. All you have to do is: 1. Visit their site. 2. Fill in your E-mail address and other details. 3. You'll soon receive a complete list of mails that are flooding to your inbox everyday, just click unsubscribe against them and voila! Thanks for reading! Feel free to share, comment, and express your experience!
Read more