ইনলাইন জাভাস্ক্রিপ্টের সাথে মাউসওভার/মাউসআউটে একটি ছবি অদলবদল করার একটি দ্রুত উপায়

এটি একটি দ্রুত এবং সহজ ইনলাইন জাভাস্ক্রিপ্ট পদ্ধতি যা একটি ডিফল্ট চিত্রকে অন্য একটি চিত্রের সাথে অদলবদল করার জন্য যখন আপনি এটির উপর আপনার মাউস নিয়ে যান — এবং তারপরে আবার যখন আপনি আপনার মাউসটি আবার সরান তখন ডিফল্টে ফিরে যান:

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

কোড ডেমো