इनलाइन जावास्क्रिप्ट के साथ माउसओवर/माउसआउट पर एक छवि को स्वैप करने का एक त्वरित तरीका

जब आप अपने माउस को उस पर ले जाते हैं तो किसी अन्य छवि के साथ डिफ़ॉल्ट छवि को स्वैप करने के लिए यह एक त्वरित और सरल इनलाइन जावास्क्रिप्ट दृष्टिकोण है - और फिर जब आप अपने माउस को फिर से बाहर ले जाते हैं तो डिफ़ॉल्ट पर वापस स्वैप करें:

<img
  onmouseover="this.src='new-image.png'"
  onmouseout="this.src='default-image.png'"
  src="default-image.png"
/>

यह उदाहरण समान है, लेकिन छवि स्रोतों के रूप में बाहरी प्लेसहोल्डर छवियों का उपयोग करता है:

<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"
/>

कोड डेमो