ページ内に配置してあるサムネイル画像を

解決済

質問者：TokaToka
質問日時：2005/04/03 18:52
回答数：3件

お助けください。
現在製作中のページ内に配置してあるサムネイル画像（JPEG）を、クリックした際に、新しいウィンドウで開きたいのです。
その際に「_blank」ではなく、サイズを指定して開きたいのです。
javascriptで行うのでしょうが、どう宣言して、画像の部分にはどのような記載をすればよいのかわかりません。
ご教授お願いいたします。

なお、このページには新しいウィンドウで開くものはサムネイル画像以外ありません。
サムネイルサイズ：80×60・60×80ピクセルの2種類
リンク先画像サイズ：320×240・240×320ピクセルの2種類

新しく開くウィンドウのサイズは。320×320ピクセルで開きたいです。

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： panick
回答日時：2005/04/03 19:08

JavaScript解説サイトを探すと多くのサンプルがあります。

http://www001.upp.so-net.ne.jp/fukushi/hp/js_ope …

- 0
- 件

通報する

この回答へのお礼

ありがとうございました！早速試したところ出来ました！

通報する

お礼日時：2005/04/03 19:39

No.3

回答者： ID-PeaceC
回答日時：2005/04/03 19:24

No.2の者です。

ちょっと修正します。すみません。
リンク元のonclickの中の「width=324,height=242」が修正点です。幅が324になってるのは、元画像の幅＋４ピクセルくらいにすると丁度いいようだからです。（経験値）

リンク元：
<a href="http://hoge.html" onclick="window.open('http://hoge.html','popup','width=324,height=242, … return false"><img src="http://hoge-thumb.jpg" width="80" height="60" border="0" /></a>

リンク先：
<html>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<img src="http://hoge.jpg" width="320" height="240" border="0" />
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

ありがとうございました！＃1さんのやり方で出来たのですが、次回、やってみようと思います。大変参考になりました。

通報する

お礼日時：2005/04/03 19:41

No.2

回答者： ID-PeaceC
回答日時：2005/04/03 19:18

こんな感じでどうでしょう？

リンク元サムネイル画像：hoge-thumb.jpg(80×60の場合)
リンク先オリジナル画像：hoge.jpg(320×240の場合)
リンク先HTMLファイル：http://hoge.htmlと仮定

リンク元：
<a href="http://hoge.html" onclick="window.open('http://hoge.html','popup','width=451,height=452, … return false"><img src="http://hoge-thumb.jpg" width="80" height="60" border="0" /></a>

リンク先：(http://hoge.htmlファイルと仮定)
<html>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<img src="http://hoge.jpg" width="320" height="240" border="0" />
</body>
</html>