webthreads.de - Web 2.0, Web-Entwicklung und Netzkultur von Markus Kühle

Bilder Wirbelsturm mit JavaScript

Ich habe eben ein lustiges JavaScript gefunden was ich doch keinem vorenthalten möchte. Und zwar kann man mit einer Ausführung eines einfachen JavaScript die Bilder auf der geladenen Html Seite wie in einem Wirbelstrum herum fliegen lassen. Eigentlich eine ganz simple Idee die einen ganz lustigen Effekt erwirkt.

Wer das direkt auf webthreads.de ausprobieren möchte kann auch direkt hier klicken – aber Vorsicht, denn das Script lässt sich nicht stoppen und die Seite muss wieder neu geladen (einfach auf Reload im Browser drücken) werden um korrekt, also ohne Bilder Wirbelsturm, angezeigt zu werden.

JavaScript Bilder Wirbelsturm

Der JavaScript kann auf jeder beliebigen Seite aufgerufen werden. Einfach den folgenden JavaScript kopieren und in in der Adressleiste auf der Seite ausführen, auf der die Bilder herumgewirbelt werden sollen.

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.getElementsByTagName("img"); 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)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++} setInterval('A()',5); void(0);

Als hervoragende Seite für Bilder Wirbelstürme dient natürlich flickr. Wenn man auf die Seite der am häufigst geschauten Bilder der letzten sieben Tage geht und dort das Script ausführt sieht das auch nicht schlecht aus. Das ganze kann man natürlich mit jedem beliebigen Html Element machen, also nicht nur mit Bildern. Einfach das Wörtchen “img” z.B. mit “div” im JavaScript tauschen und schon fliegt mehr als nur Bilder auf der Seite herum.

Das ganze hat irgendwie keine wirkliche Bedeutung, ist aber eine lustige Sache. Nach einiger Zeit wird aber auch das langweilig, aber nicht langweilig genug um es nicht zu veröffentlichen ;)

(via Aritso Blog)

Ähnliche Artikel, die dich interessieren könnten:

    None Found

4 Kommentare zu 'Bilder Wirbelsturm mit JavaScript' »»


Kommentare

  1. Kommentar by Peter Schink | 15.11.2006 at 15:56:57

    Dit is doch so ein altes Ehrensenf-Gimmick.

  2. Kommentar by Markus | 15.11.2006 at 16:13:59

    Tja, als “Nicht-Ehrensenf-Leser” war mir dieses Gimmick neu und ich fand den Effekt doch echt lustig. Aber viele Sachen werden doch im Web immer wieder neu aufgewärmt.

    Und auf deinen Hinweis hin habe ich eben doch zum ersten mal in meinem Leben Ehrensenf.de aufgerufen und direkt nach “JavaScript” gesucht. Und tatsächlich – am 24. Oktober wurde es dort veröffentlicht.

    Also ist das wohl für einige ein alter Hut… egal denn es rockt trotz dem alten Hut =)

  3. Kommentar by Juri | 01.07.2007 at 01:31:03

    Interessant.
    Könnte man dieses Script in einen Link so einbauen, daß wenn man auf eine externe Seite kommst und schon fliegen alle Bilder herum?

  4. Kommentar by Markus Kühle | 01.07.2007 at 11:33:11

    Nein das ist nicht möglich. Zumindest wüsste ich jetzt nicht wie man das erreichen kann. Das Script muss auf der Seite explizit aufgerufen werden und es ist nicht möglich so etwas mit einem Link mitzugeben.


Hinterlasse ein Kommentar »»

Bad Behavior has blocked 1459 access attempts in the last 7 days.