Нужно сделать, чтобы главное фото товара (компонент catalog) листалось не только по нажатию превьюшек внизу под главным фото, но и по нажатию стрелочек по бокам от главного фото. Собственно сами стрелочки сделаны, теперь нужно написать какой-то js-код, который при нажатии на стрелочку менял бы содержимое $arFirstPhoto
Код вывода главного фото (стандартный компонент bitrix:catalog):
<div class="bx_item_detail <? echo $templateData['TEMPLATE_CLASS']; ?>" id="<? echo $arItemIDs['ID']; ?>">
<?
reset($arResult['MORE_PHOTO']);
$arFirstPhoto = current($arResult['MORE_PHOTO']); /* сюда записывается главное фото */
?>
<div class="bx_item_container">
<div class="bx_lt">
<div class="bx_item_slider" id="<? echo $arItemIDs['BIG_SLIDER_ID']; ?>">
<div class="bx_bigimages" id="<? echo $arItemIDs['BIG_IMG_CONT_ID']; ?>">
<div class="bx_bigimages_imgcontainer">
<span class="bx_bigimages_aligner">
<img id="<? echo $arItemIDs['PICT']; ?>" src="<? echo $arFirstPhoto['SRC']; ?>" alt="<? echo $strAlt; ?>" title="<? echo $strTitle; ?>"> /* вывод главного фото */
</span>
</div>
<div class="bx_slide_new_left"></div> /* по нажатию на этот элемент нужно чтобы показывалось предыдущее фото */
<div class="bx_slide_new_right"></div> /* по нажатию на этот элемент нужно чтобы показывалось следующее фото */
</div>
/* далее идет код вывода превьюшек */
Отвечать только после ПРОЧТЕНИЯ задания