
まずは、こちらのサイトを見ていただけるでしょうか?
http://www.rocomotion.jp/cgi/sample/ralbum/ralbu …
このサイトのように「クリックすることで、拡大写真を表示」させたいです。
ただ、このサイトの場合、CGIを利用していますが、JavaScript 等を利用してhtmlファイル上で実現できないか?と考えています。
このようなことがJavaScriptで実現可能でしょうか?
ちなみに画像は最大10枚です。絶対10枚と言うものではないです。
方法を教えてください。お願いします。
No.2ベストアンサー
- 回答日時:
<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>
No.1
- 回答日時:
可能です。
ソースも簡単です。
苦労してください。
1.DIVやTDの中心に画像をひとつおき、IDを設定する。(仮にid="pic"とします)
2.小さい画像を並べておき、その画像に、onclick命令で指定IDの画像srcを変更
するよう支持する。
ちなみにスクリプトのソースは1行です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
Javascriptで指定した日付と時...
-
画像をランダムに表示するには
-
iframe内のリンク文字のマウス...
-
スライドショーにコメントを入...
-
アクセス毎に画像を順番に表示...
-
ランダムに画像と文章を表示
-
リンクの張り方
-
MAX関数を使ってからLEFT JOIN...
-
指定したパスが現URLに含まれて...
-
c++std::string型をTCHARに変換...
-
スライドショー(1回)が思う...
-
多階層ドロップダウンのスマホ...
-
javascriptでpostした値が取得...
-
取得した要素がインライン要素...
-
外部javascriptの重複を防ぐには
-
iframe内のリンクが飛ばないの...
-
jspでcssが読み込めない
-
javascriptテキストBOX色を元に...
-
jqueryでhrefの値を取得して代...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
画面の表示位置を指定させて表...
-
強制的に読み込み完了とする方...
-
textareaに画像を表示したい
-
<table>、もしくは<iframe>内で...
-
【java】背景画像を一定時間で...
-
ページ読込中に表示が崩れるの...
-
画像ランダム表示、しかしダブ...
-
マウスカーソルを画像や文字に...
-
bxsliderにて読み込み後に内容...
-
画像をクリックしてその地点の...
-
jQueryで特定のURLの時のみ表示
-
小さなウィンドウ
-
透過pngの透明部分以外をクリッ...
-
プルダウンの位置がwin/macでず...
-
スライドショーにコメントを入...
-
「画像の上を流れる文字列」を...
-
JavaScript スライドの画像にリ...
-
画像の重なりの順序を代える方...
-
複数の画像を先に読み込ませ表...
おすすめ情報