Charie Burns Charie Burns - 5 months ago 21
CSS Question

Mouse over change image + link code. HTML

So I have this code I made, I don't understand why it wont work. Please help!

<a href="https://www.jspell.com/public-spell-checker.html">
<img src="http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$"
onmouseover="http://cdn1-www.dogtime.com/assets/uploads/2011/01/file_22928_greater-swiss-mountain-dog-460x290.jpg'"
onmouseout="this.src='http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$"a>


I want it so when you hover over the image, it changes, and when you hover off, it changes back the original image.

Answer Source
<a href="https://www.jspell.com/public-spell-checker.html">
<img 
 src="http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$" 
 onmouseenter="this.src='http://cdn1-www.dogtime.com/assets/uploads/2011/01/file_22928_greater-swiss-mountain-dog-460x290.jpg'" 
 onmouseleave="this.src='http://s7d2.scene7.com/is/image/PetSmart/SV0401_CATEGORY_HERO-Dog-Cat-20160818?$SV0402$'" />
</a>

Here you go, I replaced your triggers vy onmouseenter and onmouseleave and fixed your a tag.