画像の別ウィンドでの拡大表示をやりたいが・・・
Ｋｏｏｔｓｕｋｉと申します。
初めて質問させていただきます。
javascriptを勉強しはじめたものです。
ブログで画像の別ウィンドでの拡大表示をやりたくjavascriptでfunctionを定義しました。しかし、エラーになってしまいうまくいきません。どなたか原因を教えていただけないでしょうか。
まずhtmlは以下です。
<img src="http://...AAAAs.jpg" onclick="largeImage(this)">
次にfunctionの定義は以下です。
ブログ上のサムネール画像をクリックしたときには、lergeImageで900×675のウィンドゥを開き、そこにオリジナル画像を100%縮小(?)で表示します。同時に画面の左上に拡大マーク画像を表示し、そこがクリックされたら同じウィンドゥを使って縮小なしで再表示しようと思っています。しかし、拡大マーク画像をクリックすると、ランタイムエラー：行番号0で「オブジェクトを指定してください」とランタイムエラーになってしまいます。どこがおかしいのでしょうか。よろしくお願いします。
<script type="text/javascript">
<!--
var lisrc = "";
function largeImage(img){
var objImg = new Image();
objImg.src = img;
var img_wh_hi = objImg.height / objImg.width;
var base_wh_hi = 675 / 900;
img.src.match(/^(.+)s\.([^\.]+)$/);
lisrc = RegExp.$1 + "." + RegExp.$2;
newWin = window.open("","","top=10,left=10,width=900,height=675,scrollbars=yes").document;
newWin.open();
newWin.write('<html><head><title>拡大画像<\/title><style type="text/css"><!-- body {padding:0;margin:0;text-align:center;} #blank {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;} --><\/style><\/head>');
newWin.write('<body>');
newWin.write('<p><img src="' + lisrc + '" width="100%" onClick="window.close()"alt="クリックするとウィンドゥを閉じます。"><img src="http://blog-imgs-19.fc2.com/....../kakudai.jpg" onClick="maxImage()" alt="さらに拡大" style="position:absolute; top:10px; left:150px; z-index=2"><\/p>');
newWin.write('<\/body><\/html>');
newWin.close();
}
function maxImage(){
newWin = window.open("","","top=10,left=10,width=900,height=675,scrollbars=yes").document;
newWin.open();
newWin.write('<html><head><title>拡大画像<\/title><style type="text/css"><!-- body {padding:0;margin:0;text-align:center;} #blank {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;} --><\/style><\/head>');
newWin.write('<body>');
newWin.write('<p><img src="' + lisrc + '" onClick="window.close() alt="クリックするとウィンドゥを閉じます"><\/p>');
newWin.write('<\/body><\/html>');
newWin.close();
}
// -->
</script>
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_2_thumbnail_img_sm.png)
