ホームページ更新の度に画像をランダムに表示

こちらは過去です。
もっと良い方法みつかりました！

おこんにちは！
独学でホームページを制作してるんですが（だから低レベルな仕上がりですが･･･）
制作するにあたり思い通りに動く様　調べ・試行錯誤しながらやってるんですが

同じ様に困っている方もいるだろうなと考え記録として載せていきます

今回は「更新の度に画像をランダムに表示」です
ちなみに”共鳴殿”の制作で使用しました

先ずは表示させたい画像を自身の借りているサーバーにアップロードしてください

アップロードが終ったら
制作しているホームページのhtml編集ページを開けて下さい

■■下のコードをコピーして■■
■■<head>～</head>の間にペースト■■
■■ 　　の部分を変更■■

<Script type="text/javascript">
　 <!--
   var iValue, rNumber;
       img1 = "●.jpgや●.png";
       img2 = "●.jpgや●.png";
       img3 = "●.jpgや●.png";
<!--画像がある分img4.5.6･･･と記述してゆく-->
   function display image(){
       iValue = Math.random() * 3(画像の数);
       rNumber = Math.ceil(iValue);
       if(rNumber==0) rNumber++;
       document.image1(この画像グループの好きな名前).src=eval("img" + rnumber);
   }
   //-->
</Script>

<img name=”image1(先に決めた画像グループ名)“>

ちなみに
このまま載せると画像が滅茶苦茶大きかったので
自分はサイズ指定しました
<img name=”image1(先に決めた画像グループ名)” width=”50%“>
%　px 自分で好きな単位でどうぞ

以上で自分の環境ではうまくいきました
スマホでも動作しました

正直、自分も調べたページに載っているコードをコピーしてきてペーストし少しづつ変更しいって仕上げていますんで、ドコの記述が何を動かしているのかなど詳細分っていないです

ココに載せた方法を礎として皆さんも頑張ってください