dポイントプレゼントキャンペーン実施中！

画像クリックで別の場所の画像を変更

解決済

  • 質問者：master-3rd
  • 質問日時：
  • 回答数：2件

まずは、こちらのサイトを見ていただけるでしょうか?

http://www.rocomotion.jp/cgi/sample/ralbum/ralbu …
このサイトのように「クリックすることで、拡大写真を表示」させたいです。
ただ、このサイトの場合、CGIを利用していますが、JavaScript 等を利用してhtmlファイル上で実現できないか?と考えています。

このようなことがJavaScriptで実現可能でしょうか?
ちなみに画像は最大10枚です。絶対10枚と言うものではないです。
方法を教えてください。お願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： okg00
  • 回答日時：

<html>


<head>
<title>サンプル</title>
</head>
<body>
<table>
<tr>
<td><img src="a.jpg" onclick="document.a1.src='a.jpg'"></td>
<td><img src="b.jpg" onclick="document.a1.src='b.jpg'"></td>
</tr>
</table>
<img src="a.jpg" name="a1">
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございました。
無事出来ました!!

通報する
お礼日時：2007/06/30 19:50

No.1

  • 回答者： fake-tang
  • 回答日時：

可能です。


ソースも簡単です。
苦労してください。

１．DIVやTDの中心に画像をひとつおき、IDを設定する。（仮にid="pic"とします）
２．小さい画像を並べておき、その画像に、onclick命令で指定IDの画像srcを変更
　　するよう支持する。

ちなみにスクリプトのソースは1行です。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報