イメージを選択して下さい。


【Source Code】
<script type="text/javascript">
<!--
    function imgdisp()
    {   fname=prompt("イメージファイル名を入力して下さい","../img/ayu.jpg");
        if (fname!="" && fname!=null)
        {   document.write("<img src="+fname+"><br>");
        }
        document.write("<a href=img_view.html>戻る</a><br>");
    }
// -->
</script>
</head>

<body>
<h2>イメージを選択して下さい。</h2>
<form method="POST">
<input type="button" value="イメージの表示" onClick="imgdisp()">
</form>

imgdisp() 関数を呼び出す form 文です。
ボタンの Click で呼び出します。
<form method="POST">
<input type="button" value="イメージの表示" onClick="imgdisp()">
</form>

form から呼び出される JavaScript の関数 imgdisp() です。
prompt() でイメージファイルのパスと名前をタイプ入力します。
<script type="text/javascript">
<!--
    function imgdisp()
    {   fname=prompt("イメージファイル名を入力して下さい","../img/ayu.jpg");
        if (fname!="" && fname!=null)
        {   document.write("<img src="+fname+"><br>");
        }
        document.write("<a href=img_view.html>戻る</a><br>");
    }
// -->
</script>

私のホームページで使っている画像なら全て表示することが出来るので試して下さい。
../img/animedog.gif
../img/animegirl.gif
../img/ayu.jpg
../img/bijin16.jpg
../img/card.gif
../img/ffx2s.jpg
../img/hanafuda.gif
../img/wipe.jpg
../img/tiny.jpg
../img/x_gal2.jpg
../img/x_model.jpg
スタンドアロンで起動するとローカルディスクの画像ファイルも表示出来ます。

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