- ベストアンサー
数字を指定して画像を表示させたいのですが。（ホームページ作成）
ホームページ内で選んだ画像を表示させたいのですが、リンクをクリックするのではなく 1～100までの画像があったら、ボックス内に数字を打ち込んで（1～100）、 「OK」ボタンを押すと、その画像が表示できるようにしたいのですが、 どのようにすればいいのでしょうか？ 例えば画像が http://******.co.jp/1.jpg ～ http://******.co.jp/100.jpg だった場合、どのように記述すればよいでしょうか？
- ShinX2
- お礼率57% (100/175)
- ホームページ作成ソフト
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
下記のようにすればいいでしょう。 [OK]をクリックすると<img id="image1" ...>のsrcの画像を変えるようにしています。 <html><head> <script type="text/javascript"><!-- var n0 = 1; function ok_click() { var n = (document.getElementById("textbox1").value |= 0); if (1 <= n && n <= 100) { document.getElementById("image1").src = "http://******.co.jp/" + n + ".jpg"; n0 = n; } else document.getElementById("textbox1").value = n0; } //--></script> </head> <body> <div> <input id="textbox1" type="text" size="3" value="1"> <input type="button" value="OK" onclick="ok_click()"> </div> <div><img id="image1" src="http://******.co.jp/1.jpg" width="240" height="320"></div> </body> </html>
お礼
ありがとうございます。素晴らしいです。 画像のサイズが２４０×３２０の携帯サイズとなっていたので 携帯でも使えるのかと思いましたが、 携帯ではボックスが表示されませんでした。 やはり携帯ではjavaは使えないのでしょうか？ これが携帯で使えるととても便利ですよね。