![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
質問NO6591909=3/14 10:59の追加の質問です。
素晴らしい回答で非常に感謝いたしますが、追加でもう一つお願いします。あと一息といったところです。最後の部分なのですが、
function pd1() {
if(flag) document.getElementById('ID1').style.visibility = "hidden";
else document.getElementById('ID1').style.visibility = "visible";
var img = document.getElementById('s1').getElementsByTagName("img");
img[0].src = "別の画像のURL"
flag = !flag;
}
function fx(){
var num = location.search.substr(1,1);
var the_id = "ID" + num.toString();
var the_id2 = "s" + num.toString();
document.getElementById(the_id).style.visibility = "visible";
var img = document.getElementById(the_id2).getElementsByTagName("img");
img[0].src = "別の画像のURL"
}
この3行上の"別の画像のURL"とありますが、上記ですと決まった一枚の画像しか表示できないということになりますよね? IDは9つありまして、9つ別々の画像をそれぞれ選択できるようにしたいのですが、その点を考慮するとどのような文になりますでしょうか?(function fx()を9つ別々に書くんでしょうか?・・・・・・)よろしくお願いいたします。
因みにここからhtml↓(さっきも書きましたが、また書いておきます。)
<div id= "w1" onMouseover="document.s1img.src='img/s1rr.gif'" onMouseout="document.s1img.src='img/s1w.gif'">
<a href="javascript:pd1()">テキスト</a></div>
<div id="ID1" style="visibility: hidden;" onMouseover="document.s1img.src='img/s1rr.gif'" onMouseout="document.s1img.src='img/s1w.gif'">
<p>テキスト<br />
</div>
<div id="s1"><img src="img/s1w.gif" width="29" height="39" name="s1img"/></div>
No.1ベストアンサー
- 回答日時:
ご質問の仕様がよく解りません。
>「上記ですと決まった一枚の画像しか表示できないということになりますよね? IDは9つありまして、9つ別々の画像をそれぞれ選択できるようにしたい」
どうやって選択させるのですか? ランダムに切り替えるんじゃないですよね!
window.open('f/f.html?1',....
のlocation.searchの値で、開くプルダウンを振り分けてるんですよねえ、プルダウンのdivとimgの紐づき関係が無いなら、どの画像にするかの情報もURLで一緒に渡さないとだめですよね、
window.open('f/f.html?12',.... // <div id="ID1">と<div id="s2">を表示
みたいに...
もちろん、その場合、
var num2 = location.search.substr(2,1);
も追記して、後のコードも書き換える必要があります
var the_id2 = "s" + num2.toString();
とか....
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像の表示位置
-
ツリー型の目次作成
-
Colorboxがうまく設置できません
-
jQuery、画像を2箇所同時にロー...
-
jqueryで、後から追加した画像...
-
セレクトボックスで、リンクバ...
-
JavaScriptでの画像切り替えを...
-
javascript について追加の質問
-
htmlの中のhtmlをタブで切り替え
-
時間差で画像を動作させたいjav...
-
どの<li><a> が押されたか判別...
-
マウスオーバーのメニューについて
-
クリックで背景変更するタグ
-
「jQuery」アコーディオンメニ...
-
jqueryのsortableで一部ソート...
-
jQueryで画像を重ねる
-
JavaScript で flexslider の画...
-
[急ぎ] videoタグで埋め込んだm...
-
TABLEの高さを固定したいのですが…
-
high slideをFC2ブログで
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jQueryで同じクラス名のものを...
-
Javascript初心者|jQueryの.va...
-
デフォルト非表示にしたい。【t...
-
jQueryでのドラッグアンドドロ...
-
複数bxsliderをタブで切り替え...
-
画像の表示位置
-
JavaScriptでの画像切り替えを...
-
Colorboxがうまく設置できません
-
clear機能を失わずにファイルア...
-
embed要素のsrc属性の値を変更...
-
JQueryでオープニングアニメー...
-
全部のサイコロをjavascriptで...
-
一定時間で入れ替わるバナー画...
-
JQueryで画像の上で文字を動かす
-
スクリプト
-
画像拡大とともにエレメントも...
-
JavaScript スクロール制御
-
アップロードファイルの種類に...
-
サムネイルにカーソルを合わせ...
-
htmlの中のhtmlをタブで切り替え
おすすめ情報