JavaScript(ジャバスクリプト)で作った、画像に関するちょっと便利なサンプル集。
-
マウスオーバーで画像を拡大するJavaScript
JavaScriptで、マウスオーバーイベント時に画像を拡大し、マウスアウトイベント時に元の大きさに画像を縮小させる方法。
-
マウスオーバーで画像を拡大するJavaScript(複数画像対応版)
JavaScriptで、マウスオーバーイベント時に画像を拡大し、マウスアウトイベント時に元の大きさに画像を縮小させる方法。配列やオブジェクトで対象画像や設定を指定できるようにした。
-
マウスオーバーで画像を入れ替えるJavaScript
JavaScriptで、マウスオーバーイベント時に画像を入れ替える方法。IMG要素のタグ内に直接指定するタイプ。
-
マウスオーバーで画像を入れ替えるJavaScript(DOM操作)
JavaScriptによるDOM操作で、マウスオーバーイベント時に画像を入れ替える方法。
-
マウスオーバーで画像を入れ替えるJavaScript(複数画像対応)
JavaScriptによるDOM操作で、複数画像のマウスオーバーイベント時に画像を入れ替える方法。
-
イメージマップ(map要素)を使い、表示画像を切り替える
イメージマップ(map要素)を使い、表示画像を切り替えるJavaScriptサンプル。
-
画像を、指定したサイズまで拡大縮小するアニメーション
ボタンクリックで、画像を、指定したサイズまで拡大縮小するアニメーションのJavaScriptサンプル。