Изменение изображения при наведении курсора

Как я могу изменить этот точный код, чтобы создать эффект зависания при наведении курсора мыши?

Я попытался ответить на некоторые другие вопросы и ответы, но не смог. следуйте им.

Итак, HTML:

<a href="RR.html"><img src="R3.jpg" width=700 height=300 /></a>

<div>
    <a href="SSX.html"><img src="SSX.jpg" height=100 width=120 /></a>
    <a href="MPreview.html"><img src="MaxPayne3Cover.jpg" height=100 width=120 /></a>
    <a href="NC.html"><img src="NC.jpg" height=100 width=120 /></a>
    </br>
</div>

Теперь я хочу изменить изображение большого размера при наведении указателя мыши на маленькие изображения.