Для картинки прописана смена изображения при наведении курсора
<a href="" class="b-socials__link"><img src="images/icon_social-heart_big.png"
onmouseover="this.src='images/icon_social-heart_small.png'"
onmouseout="this.src='images/icon_social-heart_big.png'"
alt=""></a>
подскажите, как переписать этот код на jQuery, чтобы картинка менялась не при наведении и отводе курсора, а чтобы изображения с периодичностью сменяли друг друга, когда мышка наведена на картинку?