何枚かのヘッド画像をランダムで表示

2011年4月

jquery　The ランダム 　

もっと簡単に何でも出来ちゃう方法を記事にしましたのでそちらを参考にしてください

＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋

ヘッド画像って1枚？？

何パターンか作ってランダムで表示させたら面白くないですか？

ヘッド画像を何枚か作って画像フォルダーにアップします

画像のＵＲＬで　http://stat.ameba.jp/user_images/ 　から後ろの部分を

ranimg[0]　～　ranimg[2]　に記入　

（３枚をランダム表示にする場合、以後ranimg[3]と増やしてください）

※文字数節約のためこんな書き方をしています

フリープラグインに貼り付けてください

<script type="text/javascript">
<!--
var ranimg = new Array();
ranimg[0]="63/0d/143886433.jpg";
ranimg[1]="f6/d0/143886434.jpg";
ranimg[2]="cc/58/143886436.jpg";
var mai = Math.floor(ranimg.length*Math.random());
ranimg = ranimg[Math.floor(mai)];
document.writeln('<style type="text/css">'+"\n"+'<!--'+"\n"+'#header{background:url("http://stat.ameba.jp/user_images/' + ranimg +'") no-repeat;}'+"\n"+'-->'+"\n"+'</style>');
// -->

</script>

見本サイト
http://ameblo.jp/how-to/
ブラウザーの更新、

またはタイトルをクリックしてください
ヘッド画像がランダムで表示されます

（４種類あります・・・間に合わせで作ったので合っていませんが）

※横幅800px以上の画像はアップの仕方が違いますので画像URL（青字部分も）変ってきます

うっ・・・

なことやっていたらHOW-TOサイトのJavaScriptがおかしくなってしまった

そのうちになおします

うっうぅ・・・・（T_T)　退避がしてない・・・・

画像のURLが変更されています
たとえば・・・この2枚をランダムにする場合は

http://stat.ameba.jp/user_images/20090614/00/exlink/f2/b7/g/o0160016510196371932.gif
http://stat.ameba.jp/user_images/20090614/13/exlink/d1/eb/g/o0170020010196588196.gif

作成日が違っている2枚でしたら
http://stat.ameba.jp/user_images/20090614/13/exlink/d1/eb/g/o0170020010196588196.gif
http://stat.ameba.jp/user_images/20090528/16/exlink/6f/84/g/o0398002010187744883.gif

画像のURLを調べるには

『 ＦＩＴジュニア小学部 勝手に応援団!! 』さま
こちらでは２６枚の画像がランダムになっています

別館では38枚だって・・・・・うっ・・すげ～
http://ameblo.jp/east-s/