※ ChatGPTを利用し、要約された質問です（原文：画像表示の拡大表示について。）
画像表示の拡大表示について
画像の拡大表示について？
やじりたいこと、画面上に表示している画像を拡大ボタンが押されたときに
表示しているウィンドウ／画像が拡大表示し、
拡大表示している場合、「前へ」「後へ」が押されたとき、拡大表示している
ウィンドウ／画像でページが切り替えたい。
以下のソースでは
「拡大」ボタンを押したときにウィンドウ・画像を表示しますが
拡大した状態で、「前へ」「後へ」押したとき、ウィンドウは拡大しているが
画像が元のサイズに戻ってしまいます。
ソースの<img name = "dspimg" src="..... 部分でwidth/height をピクセルで
指定してるため、元に戻ってしまうと思います。width/height を%で指定した
場合、ＩＥ８ではやりたいことができますが、ＩＥ７だと画像がウィンドウ前面に出たりして
うまくいきません。
長々と申し訳ありませんが、
どうすれば、うまくいくか、ご教授ください。
よろしくお願いします。
■ＰＨＰソース
<!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 zoom(){
window.resizeTo(900,750);
document.all("dspimg").style.width = 880 ;
document.all("dspimg").style.height = 650;
}
//-->
</script>
</head>
<body>
<?php
$fold = $_GET['fold'];
$no = $_GET['no'];
$jpgFiles = glob($fold . "*.JPG");
$cnt = count($jpgFiles);
?>
<?php
// ここで、 width=800 height=600にしているから、再度、呼ばれたときに画像が元に戻る。
echo '<img name = "dspimg" src="' . $jpgFiles[$no] . '" alt="' . $jpgFiles[$no] . '" width=800 height=600 " />';
?>
<input <?php print $bt ?> type="button" value="< 前へ" onclick="location.href='./view.php?fold=<?php print $fold; ?>&no=<?php print $no - 1; ?>'" />
<?php
//次の10件
if($cnt - 1 != $no) {
$bt = "";
} else {
$bt = "disabled";
}
?>
<input <?php print $bt ?> type="button" value="次へ >" onclick="location.href='./view.php?fold=<?php print $fold; ?>&no=<?php print $no + 1; ?>'" />
<?php
//閉じる
//"#" onClick="window.close(); return false;
?>
<INPUT type="button" Value="閉じる" onClick="window.close(); return false;">
<?php
//拡大
?>
<INPUT type="button" Value="拡大" onclick="zoom();" >
</div>
</body>
</html>
お礼
ご回答ありがとうございます。 お礼を遅れまして、申し訳ありません。 上記を参考してやってみます。
補足
申し訳ありません、具体的にどうのように、javascriptでの変数を埋め込んでgetすればいいですか？ PHPの初心者で、勉強しながらやっているため、理解できてません。 お手数おかけします。