วิธี inline JavaScript เร็วๆ สลับรูป default ด้วยรูปอื่นเมื่อ hover — และกลับมาตอน mouse out:
<img onmouseover="this.src='new-image.png'" onmouseout="this.src='default-image.png'" src="default-image.png" />ตัวอย่างเดียวกันแต่ใช้ placeholder images:
<img onmouseover="this.src='https://via.placeholder.com/150/0000FF/FFFFFF/?text=Digital.com'" onmouseout="this.src='https://via.placeholder.com/150/FF0000/808080/?text=Down.com'" src="https://via.placeholder.com/150/FF0000/808080/?text=Down.com" />