おみくじの複雑なものについて

質問

タグかCGIか判らないのでこちらで質問します。
少々複雑な「おみくじのようなもの」を設置したいのです。

たとえば「日本各地のおみくじが引ける」みたいなものです。
具体的には、
●アクセスすると100×100ぐらいの小画像が数種類の中からランダムで表示される。(A神宮、B神社、C神宮…)
●その画像自体がボタンになっていて押すとおみくじが引ける。
●神社の絵の変わりに、これもやはり100×100ぐらいの画像で「大吉、中吉、小吉・・・大凶」が表示される。
●また、大吉と中吉に限り、出たときに音ファイル(MIDIなど)から、「おめでとう」的な音が出る。

以上のようなことがやりたいのです。

おみくじCGIをいくつか見たのですが、IE標準のグレーのボタンで「おみくじ」っていうのはあるのですが、
ボタン自体を自分の画像で、しかもランダムで表示し、結果も自分の画像を使いたいのです。音も出したい。

以上、欲張りですが方法をご存知の方、教えてください。
「全部は無理で途中までなら」というのでもかまいません。参考URLでもかまいません。

当方のスキルとしてCGIの設置と小設定変更まで出来ます。

回答No.2

rightegg

ちょっと補足。
その「IE標準のグレーのボタンで「おみくじ」っていうの」を元に作るということです。
結果の画像やMIDIもcgiのソースを開いて該当箇所（変則のHTMLなはずです）を修正すれば良い、という事。

つまり、おみくじcgiを拾ってきて、
フォームのボタンを画像に差し替え、結果表示を書き換え、最後にランダム画像をJavaScriptで書くわけです。
これが出来ないようだと、ちょっと実現は難しいと思います。

まさかここでjsとcgi作ってソースを載せろ、と言ってるわけじゃないですものね。（万が一そうなら虫が良すぎます）

回答No.1

rightegg

こんばんは。
送信ボタンを画像にすることは割に簡単ですね。
http://tohoho.wakusei.ne.jp/html/input.htm

問題はランダム表示。
この辺が参考になるでしょう。
乱数を取って表示を変える訳ですが、このタグを<input>タグに変えてしまえば良いのではないかと。
http://www.openspc2.org/reibun/javascript/image/017/index.html