人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【高ポイント】【Javascript】ボタン一つで画像サイズの変更

よくボタンをクリックする事でそのページの文字サイズを変更する物を見かけます。
それと同様なスタイルで画像サイズ(拡大、縮小)の変更が出来ればと思います。

イメージに近いものを見つけましたが手間取っております。
参照先:http://homepage2.nifty.com/godakaz/laboratory/img_size/size.html

イメージ図
=========================
[縮小][拡大]
----------------------
画像

=========================
縮小を50%に拡大は200%に設定したとします。
縮小及び拡大ボタンをクリックすると下の画像が縮小・拡大します。

どのようなソースを書けば良いのでしょうか。
お忙しい中、申し訳ございませんがお力をお貸しいただけますと幸いです。

●質問者: dsa
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript いもの イメージ クリック サイズ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● ToMmY
●5ポイント

<script language="javascript" type="text/javascript"></p> <p><!--</p> <p>var width = 57 ;</p> <p>var height = 47 ;</p> <p>var percent = 100 ;</p> <p>function SetImagePercent(){</p> <p>percent = document.form.percent.value ;</p> <p>width = document.form.width.value;</p> <p>height = document.form.height.value;</p> <p>document.myIMG.width = parseInt(width * percent / 100 ) ;</p> <p>document.myIMG.height = parseInt(height * percent / 100 ) ;</p> <p>if(persent=200){</p> <p>document.form.persent.value = 50;</p> <p>}</p> <p>if(persent=50){</p> <p>document.form.persent.value = 200;</p> <p>}</p> <p>}</p> <p>//--></p> <p></script>

<script language="javascript" type="text/javascript"></p> <p>if(present==200){</p> <p>}</p> <p></script>

<form name="form">

<input type="hidden" name = "persent" value = "200">

<input type="button" value = "change" onClick="javascript:SetImagePercent();">

</form>

こんなかんじでうごくんじゃないでしょうか?

動かなかったらすいません。

◎質問者からの返答

出来ません。

また、イメージ図に沿っていないように思えます。

恐れ入りますがご自身でテストされてからご回答頂けると幸いです。

って・・・。


2 ● sudayosiaki
●500ポイント ベストアンサー

http://popup.tok2.com/home2/yosiaki/C20.html

拡大も縮小もw=xw*(1+0.1*i);h=yh*(1+0.1*i);

+以下の数字を変えてください。

◎質問者からの返答

素晴らしいです。

助かりました。本当にありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ