【ホームページ作成】ランダムに画像を表示したい

基本的に上記のソースをコピー＆ペーストして頂くだけで動くのですが、ソースをご紹介するだけではスクリプトの意味がさっぱり分からないと思いますので、簡単にご説明致しましょう。
特に読み飛ばしても構いません。ソースはコピー＆ペーストで構わないわけですから。スクリプトの意味を知りたい方々だけ、ご参照下さい。

■var imglist = new Array( ... );>

最初のこの部分では、imglist という配列を作成しています。この配列の中に、画像ファイル名を格納しています。

■var selectnum = Math.floor((Math.random() * 100)) % imglist.length;

まず、「 Math.random() 」で、0～1までのランダムな数が得られます。 「 * 100 」で、その値を100倍^※にしています。つまり、「 Math.random() * 100 」で、0～100までのランダムな数が得られるわけですね。
そのままでは（得られる数値に）小数点以下も含まれるので、「 Math.floor( ... ) 」で整数にしています。 「 Math.floor( ... ) 」は、( )の中の数に最も近い整数を返します。
従って、「 Math.floor((Math.random() * 100)) 」で、0～100までの整数の中からランダムに1つの数値が得られるわけです。
※もし100個を越える画像を使うなら、100倍ではなく1000倍などにする必要があります。

「 imglist.length 」は、最初に作成した配列の大きさです。画像を4つ用意したなら imglist.length の値は 4 になります。
「 ??? % imglist.length 」とは、??? を imglist.length で割った余り を計算するという意味です。

つまり、ここの行では、「 0～100までの整数からランダムに1つ選び、その値を配列の長さで割った余り 」を求めることになります。
するとどうなるのかというと、配列の長さを n とすると「 0～(n-1) のうちランダムに1つを選ぶ 」ことになります。 画像が4つあるなら、「 0, 1, 2, 3 のうちランダムに1つ選ぶ」ことになるわけです。

■var output = "<img src=" + imglist[selectnum] + ">";

最後に、output 変数に出力するHTMLソースを代入しています。ここを書き換えれば、出力HTMLを自在に変更できます。
imglist[selectnum] で、ランダムに選ばれた1つの画像ファイル名が得られます。

以上、駆け足でスクリプトの意味をご紹介しましたが、お分かり頂けましたでしょうか。
※JavaScriptの基礎的な知識がないと難しいかも知れませんね…。
とりあえずコピー＆ペーストで使用できますから、あまり深く考えずに使ってみて下さい。 出力HTMLをカスタマイズしたい場合は、最後の ver output... の行を書き換えるだけですから、まずは、ここをいじってみると良いと思います。