Archive for the ‘Javascript’ Category
JavaScriptのみで作る簡単画像ギャラリー
今でもCGIが使えないWEB環境ってけっこうあると思うんです。レンタルのホームページサービスだとか。
大体WebギャラリーのスクリプトってCGIが必須なことが多いのですが、CGIが使えない環境でもWebアルバムを設置して、写真とかイラストを展示したいって場合に使える簡単なサンプルです。
ハッキリ言ってCGI（PearlとかPHPとか）が使えない時点で、Webサービスとして可能なことがかなり制限されるのですが、最低限の機能を実装しつつ、Javascriptをつかってなるべく簡素につくってみましょう。
下がそのサンプルです。
デザインのショボさは目をつぶっていただけると。
デザインは後述するCSSをいじればある程度の変更が可能です。サンプルの二つはCSSとHTMLだけを変更してデザインを変えています。
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)
をコピペしてリターンキーを押すと・・・？！すごくにぎやか。
Googleじゃなくても画像なら何でもOKでした。こういう一発ネタを思いつくのってすごいよなあ。