Как сделать смену фото при наведении?

Question

[Anto]

Добрый день!

Подскажите.

Есть фотография, выводится как обычно в foreach, изначально выводится одна фотография анонса нужно при наведении на фото что бы оно менялось на фотографию детальную, а при отсутствии курсора возвращалось фото анонса.

Answer 1

[Дмитрий Грабко]

Смотрите в шаблоне компонента вывода новостей. Вам нужно вывести значение двух массивов детальной картинки и картинки анонса. Что-то вроде:

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

Смотрите массив $arItem

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

Далее когда знаем оба значения через hover менять картинку стилями

Comments

[Anto]

Подскажите, значения я знаю детальной и картинки анонса, но не могу понять как hover'ом менять картинку,
в цикле, так что бы каждому посту выводимому на странице задавалась своя картинка.
Присваивать класс при наведении?

[Дмитрий Грабко]

.img_anons{
 display: block;
}
.img_anons:hover, .img_detal{
 display: none;
}
.img_anons:hover img_detal{
 display: block;
}

<img class="img_anons">
<img class="img_detal">

[Anto]

Дмитрий Грабко, Понял попробую. Спасибо за подробное разъяснение.