サムネイル画像にマウスカーソルが触れると拡大画像になる～その応用について

質問

JavaScript初心者です。どうぞよろしくお願いします。

サムネイルにオンマウスすると拡大画像が現われるよう「myBigImage」を使い記述し、これは実行できました。

そこで質問なのですが、同じ一つのhtml内で、下記のように二つのプログラムを並列させる事は可能でしょうか。

例）
A（myBigImage）、A1（サムネイルの1）、A2（サムネイルの2）
B（myBigImage）、B1（サムネイルの1）、B2（サムネイルの2）

※「サムネイルにオンマウスすると拡大画像が現われる」、
　それを2グループ表示させたい、という事です。
　例えば2つ目のグループ、Bを（myBigImage2）などとして
　実行する事はできるのでしょうか。

初心者につきわかりにくい表現になってしまっているとしたら申し訳ありません。
この応用ができるかどうか、また万一可能な場合はどのように記述すればいいのか、教えていただけると大変助かります。
何とぞよろしくお願いします。

回答No.2

BLUEPIXY · ベストアンサー

myBigImage('拡大画像','表示先');
というような関数にすればイイと思います。

繰り返しになりますが、できましたら、現在のプログラム(HTML+SCRIPT)を補足下さい。

お礼

度々ご返答いただき、ありがとうございます。
あれこれ苦慮の結果、ようやく表示する事ができました。

JavaScriptファイルの方に（１）のプログラムを、
htmlファイルの方には（２）のように記述しました。

（１）
function myChgPic(myPicURL){
document.images["myBigImage"].src = myPicURL;
}
function myChgPic2(myPicURL){
document.images["myBigImage2"].src = myPicURL;
}

（２）
<img src="imgs/○○○.jpg" border="0" name="myBigImage" galleryimg="no">
　・
　・
　・
<img src="imgs/×××.jpg" border="0" name="myBigImage2" galleryimg="no">

実は企業のサイトを修正している都合上、ソースを掲載しづらく（どこからどこまで掲載すれば良いのか分からない初心者のため）補足をする事ができませんでした。

的を得ない質問に対し、ご丁寧にご返答をいただき本当にありがとうございました。こちらのサイトで初めて質問をさせていただきましたが、BLUEPIXYさんのおかげでとても心強い気持ちをいただきました。本当にありがとうございました。

回答No.1

BLUEPIXY

１つのサムネイルにmouseover すると２つの場所に画像が現れるという意味ですか？
あるいは、
１つのサムネイルにmouseover すると２つの拡大画像を表示するプログラムを実行するという意味ですか？
できましたら、
現在のプログラムと
こういうふうにしたいという理想のプログラムを
補足してください。

補足

ご返答をいただきありがとうございます。
説明が足りないようで申し訳ありません。

＜理想のプログラム＞としては...
1つのサムネイル（A1,A2）にmouseoverすると1つの場所（A）に画像が現われる。
（同じhtml内ではありますが）それとはまた全く別の場所の1つのサムネイル（B1,B2）にmouseoverすると1つの場所（B）に画像が現われる。

＜現在のプログラム＞としては...
上記の理想通りにしたいのですが、A1,A2そしてB1,B2どのサムネイルにmouseoverしても、すべて1つの場所（A）に画像が現われてしまう。（Bには表示されない）

という感じです。
つまり、「1つのサムネイルにmouseoverすると2つの拡大画像が現われる」のではなく、「Aの場所にはA1,A2のサムネイル、Bの場所にはB1,B2のサムネイルが作用して、それぞれに拡大画像が現われる」という事になります。

もし分かり難い表現でしたら申し訳ありません。