秋元@サイボウズラボ・プログラマー・ブログ

« 会議用自転車で楽しく打ち合わせ | メイン | ブログのコメントを文章の一部分につけられるAjaxシステム »

2006年10月08日

ページ中の画像群で遊ぶJavascript

via digg

ロシアからのJavascriptネタ。

Google Imageの検索結果など、画像がたくさんあるページで、アドレスバーに以下のJavascriptをペーストして実行すると、おもしろい効果が出る。


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


とりあえず動く様子を見てみたい人は、YouTubeに載せた人がいるのでこちらを見てみるといいかも。

diggのコメント欄では、オレもオレも、とバリエーションが多数投稿されている。大丈夫だとは思うけど、画像のポジションを変える処理に見えないコードが入っていて、それが何をやってるかわからないという場合はそのコードは避けたほうがいいかと。

もちろん、これらのコードはあなたのウェブページにも貼って動かせるけど、デフォルトでこんな動きをされてもどうかとは思う。まあ何か役に立つケースもあるかもしれないが。

[追記] この記事を読んだ方が、同じ方向性でウゴウゴ・ブックマークレトという面白いスクリプトを作られたようだ。ウゴウゴルーガ、たしかにこんなかんじだった。

投稿者 秋元 : 2006年10月08日 18:04

トラックバック

このエントリーのトラックバックURL:
http://labs.cybozu.co.jp/cgi-bin/mt-admin/mt-tbp.cgi/811

このリストは、次のエントリーを参照しています: ページ中の画像群で遊ぶJavascript:

» 電撃文庫の表紙イラストについて。2000年以降の目の表現 from PE２プレイ記録ほか
月々の電撃文庫に新作分を追加していて、表紙イラストの目の表現の変遷が気になったので例によってaiv.htmlで加工。Lサイズ画像を目が水平になるように傾け... [続きを読む]

トラックバック時刻: 2007年12月29日 16:23

» CrazyCoolInternetTrick!／縦隊飛行画像 from ホームページ作成浜松Tips
本邦にて最初に紹介されたのは2008年4月28日にもIEでは見られないのが残念乍、20行のJavascript+canvasでここまでできるにても最新の興... [続きを読む]

トラックバック時刻: 2008年04月29日 08:00

» ウゴウゴルーガ風ブックマークレット from ホームページ作成浜松Tips
昨日2008年4月29日のアーティクルCrazyCoolInternetTrick!／縦隊飛行画像中でも触れましたが当アーティクルにても引き続きのブックマ... [続きを読む]

トラックバック時刻: 2008年04月30日 08:01

コメント

投稿者 富嶋＠ITM : 2006年10月26日 14:48

投稿者 秋元 : 2006年10月26日 16:30