PHP/JavaScript初心者です。

PHPとJavaScriptと以下のようなことをしてます、

画面(ウィンドウ)上に画像が表示し
「拡大」ボタンを押したら
ウィンドウ/画像を拡大して表示
「リセット」ボタンを押したら
ウィンドウ/画像を元のサイズに戻してして表示
をしたいのですが、どうすればいいですか?

関連ありそうな、ソースを以下に書きます。


dspimg.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>文献表示</title>
<meta http-equiv="Pragma" content="No-Cashe" />
<meta http-equiv="Cache-Control" content="No-Cache" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<script type="text/javascript">
<!--
//画面/画像を拡大/縮小
function win_zoom(w,h){
window.resizeTo(w,h)
location.reload();


}
//-->
</script>
</head>
<body>


echo '<img id="dspimg" src="ppp.jpeg" alt="ppp.jpeg" width=600 height=400 " />';

<?php
//拡大
?>
<INPUT type="button" Value="拡大" onclick="win_zoom(800,700)" >

echo '<div align="center">';
<?php
//リセット
?>
<INPUT type="button" Value="リセット" onclick="win_reset(600,500)" >
</div>

</body>
</html>

このQ&Aに関連する最新のQ&A

A 回答 (1件)

ヒント



document.getElementById("dspimg").style.width=xxx
document.getElementById("dspimg").style.height=yyy
    • good
    • 0
この回答へのお礼

ありがとうございます。
参考にさせていただき、できました。

お礼日時:2011/04/28 15:33

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


人気Q&Aランキング