- ベストアンサー
ページ内に配置してあるサムネイル画像を
お助けください。 現在製作中のページ内に配置してあるサムネイル画像（JPEG）を、クリックした際に、新しいウィンドウで開きたいのです。 その際に「_blank」ではなく、サイズを指定して開きたいのです。 javascriptで行うのでしょうが、どう宣言して、画像の部分にはどのような記載をすればよいのかわかりません。 ご教授お願いいたします。 なお、このページには新しいウィンドウで開くものはサムネイル画像以外ありません。 サムネイルサイズ：80×60・60×80ピクセルの2種類 リンク先画像サイズ：320×240・240×320ピクセルの2種類 新しく開くウィンドウのサイズは。320×320ピクセルで開きたいです。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
JavaScript解説サイトを探すと多くのサンプルがあります。 http://www001.upp.so-net.ne.jp/fukushi/hp/js_openwin2.html
その他の回答 (2)
- ID-PeaceC
- ベストアンサー率46% (97/209)
No.2の者です。ちょっと修正します。すみません。 リンク元のonclickの中の「width=324,height=242」が修正点です。幅が324になってるのは、元画像の幅＋４ピクセルくらいにすると丁度いいようだからです。（経験値） リンク元： <a href="http://hoge.html" onclick="window.open('http://hoge.html','popup','width=324,height=242,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); 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>
お礼
ありがとうございました！＃1さんのやり方で出来たのですが、次回、やってみようと思います。大変参考になりました。
- ID-PeaceC
- ベストアンサー率46% (97/209)
こんな感じでどうでしょう？ リンク元サムネイル画像：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,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); 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>
お礼
ありがとうございました！早速試したところ出来ました！