クリックでbodyの背景画像を変える




HOVERでbodyの背景画像を変える
※ スマホではクリックで背景チェンジする




//クリックでbodyの背景画像を変える
<img src="Path/to/img1.png" onClick="document.body.style.backgroundImage='url(Path/to/img1.png)'">
<img src="Path/to/img2.png" onClick="document.body.style.backgroundImage='url(Path/to/img2.png)'">
//HOVERでbodyの背景画像を変える
<img src="Path/to/img1.png" onMouseOver="document.body.style.backgroundImage='url(Path/to/img1.png)'">
<img src="Path/to/img2.png" onMouseOver="document.body.style.backgroundImage='url(Path/to/img2.png)'">