How to change photo on hover?

Question

1C-Bitrix

Good afternoon!
Tell.
There is a photo, displayed as usual in foreach, initially one announcement photo is displayed, you need to hover over the photo so that it changes to a detailed photo, and if there is no cursor, the announcement photo is returned.

Answer 1

See the news output component template. You need to display the value of two arrays of a detailed image and an announcement image. Something like:

<img src="<? echo($arItem["DETAIL_PICTURE"]["SRC"])" />

See the $arItem array

<pre>
<?
print_r($arItem);
?>
</pre>

Further, when we know both values ​​​​through hover, change the picture with styles