違うページに変数を渡す方法

質問

現在のページに写真のサムネイルが複数表示され、
それをクリックすると 違う html へ移動し、
あらかじめ作られた枠の中に写真を表示したいと思ってます。

例えば以下のようなものがあり、
picture.html?pic=01.jpg のように渡すことは JavaScript で可能でしょうか？
また、どのように受け取るのでしょう？
01.jpg
02.jpg
03.jpg

もし出来ない場合、デフォルトの html の背景色を
白でなく黒にすることは出来るのでしょうか？？

回答No.1

steel_gray · ベストアンサー

渡し方　例
<a href="01.jpg" onclick="location.href='XXX.html?01.jpg';return false"><img src="01_thumbnail.jpg" ～></a>
<a href="02.jpg" onclick="location.href='XXX.html?02.jpg';return false"><img src="02_thumbnail.jpg" ～></a>

受取り
location.searchを参照する。
http://www.tohoho-web.com/js/location.htm#search

例 - 以下を「作られた枠」の中に
<script type="text/javascript">
document.write('<img src="'+
location.search.substring(1)+
'">');
</script>

お礼

../picture.jpg
など他のディレクトリも指定出来てとっても便利ですね
アドバイスありがとうございました ^^