世間はAjaxですが。
残念ながらDHTMLを学習中です。
とりあえず、以下のようなものを書いてみました。
<html> <head> <script type="text/javascript"> var width=100; function up_click() { width = width + 100; document.getElementById("img1").width = width; } function down_click() { width = width - 100; document.getElementById("img1").width = width; } </script> </head> <body> <img id="img1" src="img1.jpg" onclick="up_click()" /> <input type="button" onclick="down_click()" /> </body> </html>
画像をクリックで画像を拡大、ボタンをクリックで画像を縮小します。
このレベルなら簡単ですね。