এটি একটি দ্রুত এবং সহজ ইনলাইন JavaScript পদ্ধতি একটি ডিফল্ট ইমেজকে অন্য একটি ইমেজ দিয়ে সোয়্যাপ করার জন্য যখন আপনি আপনার মাউস সেটির ওপর নেবেন — এবং মাউস বাইরে নেলে আবার ডিফল্টে ফিরিয়ে আনার জন্য:
<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" />কোড ডেমো
