изменение изображения ЦСИ OnMouseOver

Question

HTML:

<span class="btn-cover"> 
    <img src="../assets/images/btn_page_back_normal.png" onmouseover="../assets/images/btn_page_back_normal.png" class="date-left" > 
</span> 

Я не был в состоянии дать эффект при наведении на IMG тег работает, чтобы попытаться заменить другое изображение из angular.js.

Мне нравится, в чем проблема, потому что вам нужна помощь других, не работает.

Answer 1

вам нужно установить ГКЗ изображения на новый один

<span class="btn-cover"> 
    <img src="../assets/images/btn_page_back_normal.png" 
    onmouseover="this.src='../assets/images/btn_page_back_normal.png'" 
onmouseout="this.src='../assets/images/btn_page_back_normal.png'" 
class="date-left" > 
</span> 

Demo:

<span class="btn-cover"> 
 
    <img src="https://www.ricoh.com/r_dc/r/r8/img/sample_08.jpg" 
 
    onmouseover="this.src='http://www.scanseri.fi/wp-content/uploads/2014/05/sample.jpg'" 
 
onmouseout="this.src='https://www.ricoh.com/r_dc/r/r8/img/sample_08.jpg'" 
 
class="date-left" height="100" width="100"> 
 
</span>