乱数で1〜10個の画像を表示

C# ASP.NET で Label に乱数で1〜10個の画像を設定して表示します。

前田稔(Maeda Minoru)の超初心者のプログラム入門

プログラムの説明

  1. WebMatrix を起動して [ASP.NET ページ] のアイコンを選択して新しいページを作成します。
  2. デザインウインドウに"乱数で1〜10個の石を表示します。"とタイプして改行して下さい。
  3. ツールボックスにから [Label] をドラッグ&ドロップして、デザインウインドウへ持って行って下さい。
  4. ツールボックスにから [Button] をドラッグ&ドロップして、デザインウインドウへ持って行って下さい。
  5. [Button1] をダブルクリックすると、ソースコードが表示されるので、次のコードを追加して下さい。
    "<img SRC=img/jewel.gif>" は画像を表示する HTML のタグで、rand.Next(10)+1; の個数だけ繰り返します。
        void Button1_Click(object sender, EventArgs e)
        {
            Random  rand = new Random();
            String  str;
            int     i,j;
        
            str = "";
            j= rand.Next(10)+1;
            for(i=0; i<j; i++)  str= str + "<img SRC=img/jewel.gif>";
            Label1.Text= str;
        }
        
  6. 下のタブを「すべて」に切り替えるとソースコードが表示されるので、名前を付けて保存して下さい。
    ASP.NET サーバーにソースファイルと画像(img/jewel.gif)をアップロードして下さい。
    私のプログラムでは、画像ファイルを img のフォルダにアップロードしています。
    jewel.gif は、このページの先頭から取得することが出来ます。
  7. ブラウザを起動して、アップロードしたページを呼び出して下さい。
    ボタンをクリックする毎に、画像の個数が変わるので確認して下さい。

ソースコードが表示されない場合は、ブラウザのメニューから「ソースの表示」を選択して下さい。
imgrand.aspx のソースコード

残念ながら2007年末でサーバーのサービスが終わり、接続出来なくなっているので悪しからず。 (;_;)
imgrand.aspx を呼び出す

超初心者のプログラム入門(C# on-line game)