- ベストアンサー
画像をオンクリックで複数表示するには？
ビルダー８で作成しています。 画像３枚を【１】【２】【３】といった数字にクリックで指定の場所に表示したいのです。 それを１ページに複数設置したいのですが、どのようにしたら設置できますでしょうか？ http://www.sky.sannet.ne.jp/masapine/java_gazou.htmlのサイトを参考に設置したのですが、１つだけの設置の場合は動作したのですが、２つ目を設置したら動作しなくなりました。 改造ソースやもし良い方法があったら教えてください。
- mococat
- お礼率25% (16/63)
- ホームページ作成ソフト
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じかな <HTML> <HEAD> ・・・・・・・・・・・・・・・・・・・ ・・・・・・・・・・・・・・・・・・・・・・ <SCRIPT LANGUAGE="JavaScript"> <!-- function Gazou1(src1){ document.myIMG1.src=src1; } function Gazou2(src2){ document.myIMG2.src=src2; } function Gazou3(src3){ document.myIMG3.src=src3; } //--> </SCRIPT> ・・・・・・・・・・・・・・・・・・・・・・ ・・・・・・・・・・・・・・・・・・・・・・・ </HEAD> <BODY> ・・・・・・・・・・・・・・・・・・・・・・・・・・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・ <center> <img name="myIMG1" src="img/0001.gif" border="0" width="64" height="64"> <br> <FORM> <INPUT type="button" value="1" onClick="Gazou1('img/0001.gif')"> <INPUT type="button" value="2" onClick="Gazou1('img/0002.gif')"> <INPUT type="button" value="3" onClick="Gazou1('img/0003.gif')"> </FORM> <br><br> <img name="myIMG2" src="img/0004.gif" border="0" width="64" height="64"> <br> <FORM> <INPUT type="button" value="1" onClick="Gazou2('img/0004.gif')"> <INPUT type="button" value="2" onClick="Gazou2('img/0005.gif')"> <INPUT type="button" value="3" onClick="Gazou2('img/0006.gif')"> </FORM> <br><br> <img name="myIMG3" src="img/0007.gif" border="0" width="64" height="64"> <br> <FORM> <INPUT type="button" value="1" onClick="Gazou3('img/0007.gif')"> <INPUT type="button" value="2" onClick="Gazou3('img/0008.gif')"> <INPUT type="button" value="3" onClick="Gazou3('img/0009.gif')"> </FORM> </center> ・・・・・・・・・・・・・・・・・・・・・・ ・・・・・・・・・・・・・・・・・・・・・・・・・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ </BODY> </HTML>
その他の回答 (1)
- crepon133
- ベストアンサー率51% (399/776)
複数設置する場合は 01 02 と番号を付けます <SCRIPT LANGUAGE="JavaScript"> <!-- function Gazou01(mysrc01){ document.myIMG01.src=mysrc01; } function Gazou02(mysrc02){ document.myIMG02.src=mysrc02; } //--> </SCRIPT> <img name="myIMG01" src="images/icons1.gif" border="0" width="32" height="32"> <img name="myIMG02" src="images/icons1.gif" border="0" width="32" height="32"> <INPUT type="radio" name="myRB01" onClick="Gazou01('images/icons1.gif')" checked> <INPUT type="radio" name="myRB02" onClick="Gazou02('images/icons1.gif')" checked>
関連するQ&A
- あの困ってるですけど誰か教えてください。
http://www.sky.sannet.ne.jp/masapine/java_newwindow4.html このＨＰに書いてある この部分なんですが、 プログラムＡのソースの上から４行目の java_swindow2.html が小さなウインドウのアドレス（ファイル名）ですから、あらかじめ小さなウインドウ用のページを作っておき、そのページのアドレスにかえてください。 と言う意味がよく分かりません。 ＨＰは、ホームページビルダーで作成してます。 みなさん、よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- ジャバスクリプト機能の繰り返し表示の仕方を教えて！
ジャバスクリプトについてはまったくの素人です。 ジャバスクリプトを使って ラジオボタンで表示する画像をかえる機能を下記サイトから見つけました。 http://www.sky.sannet.ne.jp/masapine/java_gazou.html この機能を添付ファイルのように、同一Webページ内で繰り返して表示し使いたく、プログラムのソースをHTMLのbodyの中に繰り返しコピペしてみたのですが、機能しなくなってしまいます。 同一Webページ内に当該スクリプト1つであれば機能するのですが、2つ以上になると、すべて機能しません。表示するのには方法があるのでしょうか？それともこのようなことは不可能なことなのでしょうか？ どなたかこの疑問にお答え頂ければ幸いです。宜しくお願いします。
- ベストアンサー
- JavaScript
- 背景画像と背景色変更：JavaScript
下記のページのような背景画像変更スクリプト（サンプル画像をクリックで反映される）と… http://www.sky.sannet.ne.jp/masapine/java_back6.html CLUB とむやん君（http://www2s.biglobe.ne.jp/~club_tom/）背景 No.1.1の背景色変更スクリプトを同一のページで行ないたいのですが、その組み込み方がわからず困っています。お力を貸して頂けると助かります。宜しくお願いします。 ※背景色変更ソースを記述したかったのですが、字数オーバーで投稿できないため省いてます…。補足回答でソースを載せられれば…と思っています； またCLUB とむやん君のサイトは閉鎖されてしまったのでしょうか？。
- 締切済み
- JavaScript
- ページ全体に表示できる枠について
初めての質問になります。 私は、ホームページを持っていて、全体に枠を表示したページを作りたいと考えています。 ページ全体にに枠を表示する方法については http://www.sky.sannet.ne.jp/masapine/homepage/page1.html こちらを参考にしてわかったのですが、私がやりたいのは、表示される左側の枠だけを太くして、そこにコンステンツへのリンクを貼りたいと考えています。 そこに表示されたリンクをクリックすると、枠内にリンク先を表示、というようにです。 そのようなページを見たとこがあるのですが、どのようにしたら作れるのかがわかりません。 ソフトはホームページビルダー6,5を使用しています。 是非作ってみたいと考えているので、ご助力宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 大きさを指定して新しいウィンドウを開く方法
ネットでいくつかサイトを回ってみましたが、いまいち、解りにくかったり、ちょっと違う。という感じですので、よろしくお願いします。 特に参考にさせて頂いたのは、http://www.sky.sannet.ne.jp/masapine/java_top.htmlの ボタンで小さなウィンドウを表示させよう。や 画像をクリックして小さなウィンドウを表示させよう。といったところで、ほとんど、そのままの事をやりたいのですが、実際には、文字に小さなウィンドウを開くリンクをはりたいのです。 その他にも、ホームページビルダーのサイトを見たりしたんですけど、どこがどう解らないのかも、解らない情けない状態です。 毎度のことで申し訳ありませんが、よろしくおねがいします。
- ベストアンサー
- CSS
- 複数のアラートから複数のジャンプページへリンクしたい
サイトの1ページに6個のリンクボタンをつけ、それぞれに違うページにジャンプしたいです。 http://www.sky.sannet.ne.jp/masapine/java_alert8.html を参考に下記のようにしてみましたが、複数ページへのリンクの記述がわかりません。 どこかを変更すればよいのでしょうか。 よろしくお願いいたします。 <SCRIPT LANGUAGE="JavaScript"> <!-- function link1(){ if(confirm('本当にご覧になりますか。')){ location.href='xxx.html'; } } //--> </SCRIPT> <p><a href="xxx.html" onClick="JavaScript:link1();return false"><img src="photo.gif" alt="手術の写真を見る" width="150" height="37" /></a></p>
- ベストアンサー
- JavaScript
- 別窓をモニターいっぱいに開く（再質問）
QNo.1037816で質問した内容に関して、再質問です。 http://www.sky.sannet.ne.jp/masapine/java_newwindow9.html 左の「画面全体に広げる」で基本的に解決したのですが、新たな疑問があります。 このような形で開く窓へのリンクを「同一ページに複数個」張ることはできませんか？ つまり、リンク元ページの「a」というボタンからリンク先ページ「a」に跳び、「b」というボタンからリンク先「b」に跳び、…といった具合です。 ついでながら、上記 http://www.sky.sannet.ne.jp/masapine/java_newwindow9.html では、ボタンから跳ぶようになっていますが、特にボタンにこだわってはいません。 どなたか、どうぞよろしくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- 個別に表示場所を変えたい
さきほども質問させていただいた者です。 ?http://www.sky.sannet.ne.jp/masapine/java_link8.html??を参考に、カーソルを合わせた際に説明画像を表示するというものを作成していますが、一つ一つ表示場所を変えたいときは、どうしたらよろしいのでしょうか。Javascriptの部分を変えるのでしょうか。 これもわかりにくくて申し訳ございませんが、よろしくお願い致します。
- 締切済み
- JavaScript
- 誰か教えてください
http://www.sky.sannet.ne.jp/masapine/java_newwindow4.html 上のＨＰに書いてあるとうりにコピーして貼り付け ＨＰはホームページビルダーですが ビルダー内のブラウザーで確認したところ上手く 小窓ウインドウがでました でもビルダーを終了させてビルダー外から再度確認 すると こんな内容のアラート？の様な表示が出ます。 ウインドウは表示中のwebページにより閉じられようとしています。 このウインドウを閉じますか？ はい いいえ この表示を無くして小窓ウインドウを出させる方法 誰か詳しい方で居ませんか お願いします、困ってます。
- 締切済み
- その他（インターネット・Webサービス）
- JavaScriptについて
JavaScriptで指定した部分の色を変える方法ってどうすれば・・・ http://www.sky.sannet.ne.jp/masapine/java_top.html ↑で背景の色を変えるやり方は、のってあるんですけど部分的にするにはどうすればいいのか分かりません。 サイトなどあれば尚うれしいのですが。
- 締切済み
- ホームページ作成ソフト
