クリックして画像サイズを変え、さらにクリックで画像サイズを戻す方法

質問

<p align="center"><img src="../photo/35.jpg" width="170" height="115" onclick="OverOut(this,320,200)" onmouseout="OverOut(this,170,115)"></p>

このようなソースがあるのですが
onmouseout
ではなく、さらにクリックで戻す方法はどうやるのでしょうか？

回答No.3

maoo2022

＞<SCRIPT language="JavaScript">～～～～

：記述が違ったのですね
( ∵ )　(／＼)　(｀_´)
{http://www.google.co.jp/search?hl=ja&q=%3CSCRIPT+language%3D%22JavaScript%22%3E&btnG=Google+%E6%A4%9C%E7%B4%A2&lr=}

：解消してなによりです(｀_´) 　(／＼) ( ∵ )
＾＾；

回答No.2

noname#176215

とりあえず p属性に alignを入れるのは避けた方がいいと思います。

<style type="text/css"><!--
p {text-align: center; }
img {border: 0; }
--></style>
<script language="JavaScript" type="text/javascript"><!--
function chgSize(imgObj,minW,minH,maxW,maxH){
if(imgObj.width == minW){
imgObj.width = maxW;
imgObj.height = maxH;
} else{
imgObj.width = minW;
imgObj.height = minH;
}
}
//--></script>

こうして

<p>
<a href="javascript:void(0);">
<img src="../photo/35.jpg" width="170" height="115" alt="35"
onclick="chgSize(this,170,115,320,200);"></a>
</p>

でどうですか？

お礼

ありがとうございます！！助かりました！！
理想通りにできました！
これを遠慮なく遣わさせて頂きます！！

回答No.1

maoo2022

＞クリックして画像サイズを変え、さらにクリックで画像サイズを戻す方法

：こちらのタグをコピペして使ってみて下さい。↓

<p><a onclick="window.open(this.href, '_blank', 'width=600,height=500,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://osiete-sampl.bmp"><img title="教えて！サンプル" height="300" alt="サンプル" src="http://osiete-sampl.bmp" width="400" border="0" style="FLOAT: left; MARGIN: 0px 5px 5px 0px" /></a></p>

：画像クリックで指定したサイズに拡大、再クリックで元に戻ります。
表示サイズは全てユーザー指定できます。
MARGIN:の数値で画像の周囲の空白を指定します。

お礼

ありがとうございます！
コピペしてみたのですが何故か反応がありませんでした。

それとHEAD部分の大事なソースを書き忘れていました
<SCRIPT language="JavaScript">
<!--
function OverOut(obj,w,h){
obj.width = w;
obj.height = h;
}
//-->
</SCRIPT>
ごめんなさい！！