- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：複数画像をクリックで入れ替え(CGI内)）
複数画像をクリックで入れ替えする方法
このQ&Aのポイント
- データベースCGIを改造中で、１つの情報に４枚の画像を保存できるようにしています。No1の画像を大きめに表示し、その下にNo1～No4の画像をサムネイルで表示し、クリックすることで大き目の画像を入れ替えできる方法を探しています。
- 既存のスクリプトでは画像名指定部分が<BODY>より上であるため、CGI内で構築するのが難しいです。本体はBODYより上でも良いですが、画像名指定を画像がある部分に指定する方法はありませんか？
- 画像選択にボタンを利用していますが、画像のサムネイルを利用したいです。
- master-3rd
- お礼率39% (524/1325)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
スクリプトが<BODY>より上にあるかどうかで、面倒かどうかが変わることはないような気もしますが... とりあえず、画像名(画像のファイル名のことかな?)を画像がある部分(サンプルとして示されているスクリプトだと、INPUTタグのところ?)で指定するには、 <INPUT type="button" value="イメージ1" onClick="changeImage('img1.gif')"> のようにして、画像を入れ替えている function を function changeImage(imgname){ document.myimg.src=imgname; } とすれば、動くと思います。(実際に動かしてないので、保障はできませんが) また、画像選択で、サムネイルを使用したいということですが、イメージボタンを使うといいと思います。 ・INPUTタグでtypeにimageを指定する ・IMGタグでイメージを表示して、<A>タグで囲んで、onClickで表示を変える などの方法があります。
