画像縮小表示をクリックして原寸サイズに

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： 悠 ： 2005/08/26 23:01
皆さん、こんばんは。
自分のＨＰに写真や画像を載せたいのですが、少しサイズが大きいため
縮小させて表示したいんです。
そして、クリックすると原寸サイズに表示できるようにしたいのですが、
そのようなタグが見当たらずここに投稿しました。
別窓を開くのじゃなく、同じページ内で原寸サイズを表示したいです。
どうすれば良いでしょうか。
本当に困っています。
よろしくお願いします。
1   名前： 元帥 ： 2005/08/26 23:01  ［URL］
単にその画像にリンクを張るだけで済みますよ。
但し、ブラウザによってはウィンドウの大きさに合わせて自動縮小拡大するようですが。

サイズを絶対的に指定したいのであれば、タグでは面倒なのでJavaScriptを使った方法を以下に記述します。

<script type="text/javascript"><!--
function img_open(url,x,y){
var canvas = window.open("",'_self');
canvas.document.open();
canvas.document.write("<img src=\"",url,"\" alt=\"",url,"\" width=\"",x,"\" height=\"",y,"\">");
canvas.document.write('<br>');
canvas.document.write("<input type='button' value='Close' onclick='history.back()'>");
canvas.document.close();
return false;
}
//-->
</script>


<a href="sample.png" onclick="return img_open(this.href,500,500)">
<img src="sample.png" alt="" width="50" height="50"></a>
2   名前： 悠 ： 2005/08/26 23:01
元帥さん、こんばんは。
お礼が遅くなってごめんなさい。
ご親切にありがとうございます＾＾
助かりました★
一覧へ戻る