ヤフーオークションの商品画像のように、サムネイルをクリックすると大きな画像が表示されるようなページを作りたいと思い、
似たような例が出ていた本を買ってきて、そのソースをそのままhtmlにコピーしました（htmlには外部CSSも読み込んでいます）。
しかし、クリックすると画面の左下（フッターの左下に）画像が表示されてしまいます。
FirefoxのFirebugで見ると、CSSを指定をしているdivの外側に画像がきてしまっています。
画像にCSSを適用させて、コンテンツになじむようにしたいのですが、どうしたらいいのでしょうか？
<a href="" onclick="showPicture('images/●●.jpg');return false;">
↑これで画像を表示させていると思うのですが、これ自体はdivの中に入れています。
本の著作権があるため、JavaScriptに関してはここには記載できませんので、アドバイスをいただけるとありがたいです。
試行錯誤してみましたが、JavaScriptの知識が無く、本も難しくてチンプンカンプンです。何卒よろしくお願い致しますｍ(＿ ＿)ｍ
No.1
5960
633
50pt
サムネイルをクリックすると大きな画像が表示されるような
別ウィンドウに表示するのですか、それとも現在表示されているサムネイルと同じページ（画像を表示させるBOX）に表示するのですか。ご質問の文面から後者であるという前提で回答します。
JavaScript の中で showPicture 関数が定義されており、img タグを発生するようになっていると思います。その img タグに対し、画像表示 BOX の位置を指定した CSS を加えておけばいいでしょう。
No.1
5960633
ここでベストアンサー
50pt
サムネイルをクリックすると大きな画像が表示されるような
別ウィンドウに表示するのですか、それとも現在表示されているサムネイルと同じページ（画像を表示させるBOX）に表示するのですか。ご質問の文面から後者であるという前提で回答します。
JavaScript の中で showPicture 関数が定義されており、img タグを発生するようになっていると思います。その img タグに対し、画像表示 BOX の位置を指定した CSS を加えておけばいいでしょう。
ドンピシャでございました！id付きのimgタグが発生するようになっておりました。おかげさまで解決出来ました！助かりました！ありがとうございましたｍ(＿ ＿)ｍ
No.2
51010
CSSだけで出来るんですね…こういうのが知りたかったのですが、調べても出てこなかったので、
教えていただき大変ありがたいです。どうもありがとうございましたｍ(＿ ＿)ｍ
7
7
4
2
2
ドンピシャでございました！id付きのimgタグが発生するようになっておりました。おかげさまで解決出来ました！助かりました！ありがとうございましたｍ(＿ ＿)ｍ