画像リンクを別ウインドウでサイズ指定で開くように

質問

<a href="http大きいサイズの画像" onclick="javascript:window.open('1.html','win1','width=400,height=550');return false;"><IMG SRC="http小さいサイズの画像.jpg"　width=60,height=60></a>

小さなサイズの画像をクリックすると、別ウインドウで大きな画像が開くタグを作りたいのですが、
その際に大きいサイズの画像を400×550サイズでぴったりと開くようにしたいのです。

上記のタグでは、別ウインドウでは開くのですがサイズは変わりません…
Javascriptを使わないといけないのでしょうか？
その辺のことが全くわからないので
どなたかわかりやすく添削してもらえないでしょうか。

回答No.2

torayoshi

確認用のブラウザは何を使ってますか？
これとまったく同じものを再現した場合、
IE7以降ではサブウィンドウの大きさは無視されるので画面いっぱいで表示されます。
FireFoxなら400×550のサイズでサブウィンドウが表示されます。
が、上と左側に余白が出来てかっこ悪いのでmarginで調整するか、
余白分大き目のサイズにするとか。
しかしブラウザ依存スプリクトは極力使わないのが好ましいですね。

補足

Safariを使っています。

ブラウザ依存スプリクト＞すみません、それは何でしょうか？？

回答No.1

necomimi

>href="http大きいサイズの画像"
これはjpegそのものですか？
まっとうなやり方は、href先のhtmlを書くことです。

補足

画像をアップロードしたURLを打ち込んでいるのですが、
それではだめなのでしょうか？
(><