画面(ウィンドウ)/画像の拡大縮小について
PHP/JavaScript初心者です。
PHPとJavaScriptと以下のようなことをしてます、
画面(ウィンドウ)上に画像が表示し
「拡大」ボタンを押したら
ウィンドウ/画像を拡大して表示
「リセット」ボタンを押したら
ウィンドウ/画像を元のサイズに戻してして表示
をしたいのですが、どうすればいいですか?
関連ありそうな、ソースを以下に書きます。
dspimg.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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>