アプリ版：「スタンプのみでお礼する」機能のリリースについて

拡大画像を別画面で表示したい

解決済

  • 質問者：soma100
  • 質問日時：
  • 回答数：1件

メインのページにある画像をクリックすると別ウィンドウで拡大画像を表示したいのですが、うまく出来ません。
下記の方法のタグを教えていただけますでしょうか。

1.拡大画像のウィンドウのサイズは画像に合わせた
　適当な大きさに指定したい。

2.開いたウィンドウを【閉じる】ボタンの作成
（テキストで「閉じる」と表示する予定です）

宜しくお願いいたします。

通報する

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

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： BLUEPIXY
  • 回答日時：

サンプルを作ってみました。


余白のサイズは適宜変更してみて下さい。
<HTML>
<HEAD>
<title>サンプル</title>
<script language="javascript">
<!--
function OpenWindow(){
var width = document.images['00'].width + 30;
var height = document.images['00'].height + 80;
subWin = window.open("","subWin","status=no,menubar=no,toolbar=no,scrollbars=no,resizable=yes,screenX=0,screenY=0,width=" + width + ",height=" + height + '"');
with(subWin.document) {
open();
write("<html><head><title>画像の名前</title></head>");
write("<body onload='window.resizeTo(document.images[00].width + 30,document.images[00].height + 80)'><div align='center'><img id='00' src='00.jpg'><br>");
write("<button type='button' onclick='window.close()'>閉じる</button></body></div></html>");
close();
}
}
-->
</script>
</HEAD>
<body>
<a href="javascript:;" onClick="OpenWindow()"><img id="00" src="00.jpg" width="150px" alt="画像"></a>
</body>
</HTML>
    • good
    • 0
    • 件
通報する
この回答へのお礼

お返事いただきましてありがとうございました。
お礼が遅くなってしまいました。
おかげさまで無事解決いたしました!!
ありがとうございます。

通報する
お礼日時：2004/11/01 20:50

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報