Как правильно пройтись циклом внутри другого?

Question

[by_steris]

<? foreach ($arItem['PROPERTIES']['IMG_BEFORE']['VALUE'] as $key1 => $arImgBeforeSrc): ?>
  <? foreach ($arItem['PROPERTIES']['IMG_AFTER']['VALUE'] as $key2 => $arImgAfterSrc): ?>
    <div class="cocoen">
      <img data-src="" class="blog-list__item-image<?=($arParams['ROUNDED_IMAGE'] ? ' rounded' : '');?>" src="<?=CFile::getPath($arImgBeforeSrc);?>" alt="">
      <img data-src="" class="blog-list__item-image<?=($arParams['ROUNDED_IMAGE'] ? ' rounded' : '');?>" src="<?=CFile::getPath($arImgAfterSrc);?>" alt="">
    </div>
  <?endforeach;?>
<?endforeach;?>

Вопрос думаю достаточно примитивный, но не смог найти ответа, поэтому решил спросить у знатоков PHP.
В битриксе есть два свойтсва типа файл - они множественные (в каждом из свойств лежит 4 изображения).
Что хочу сделать вывести список фото "До" и "После", соответственно есть необходимость пройтись по первому массиву циклом и по второму. Но на выходе получаю не 4 блока с классом cocoen, а гораздо больше.
Как можно вывести правильно ?

Comments

[Виктор]

а как связываются конкретное изображение "до" и его аналог "после"? Что у них одинаковое?

[by_steris]

Виктор, Одиакового ничего, идея скорее всего выводить по идексу в массиве

[by_steris]

by_steris, т.е. вот что имею ввиду, первывй массив это ДО, второй ПОСЛЕ, хочу вывести так чтобы встали рядом нулевые элементы, первые, вторые и т.д.

[DevMan]

жеванный битрикс

Answer 1

[Виктор]

Одиакового ничего, идея скорее всего выводить по идексу в массиве

Значит нужно по индексу и связывать

<?php foreach ($arItem['PROPERTIES']['IMG_BEFORE']['VALUE'] as $index => $arImgBeforeSrc): ?>
    <?php $arImgAfterSrc = $arItem['PROPERTIES']['IMG_AFTER']['VALUE'][$index] ?>
    <div class="cocoen">
      <img data-src="" class="blog-list__item-image<?=($arParams['ROUNDED_IMAGE'] ? ' rounded' : '');?>" src="<?=CFile::getPath($arImgBeforeSrc);?>" alt="">
      <img data-src="" class="blog-list__item-image<?=($arParams['ROUNDED_IMAGE'] ? ' rounded' : '');?>" src="<?=CFile::getPath($arImgAfterSrc);?>" alt="">
    </div>
<?php endforeach ?>

Только в коде не учтен момент, когда изображение "после" может отсутствовать. Во избежание ошибки, вторую картинку лучше в условии выводить и в объявлении переменной $arImgAfterSrc проверку сделать.