708, "height" => 430),
        BX_RESIZE_IMAGE_EXACT
    );
    $arResult['PHOTOS'][] = array(
        'SRC' => $arFileTmp['src']
    );
}
$arResult['ARCHIVE'] = trim($arResult['PROPERTIES']['ARCHIVE']['VALUE']);
<script>
    jqNew(function($) {
        var connector = function(itemNavigation, carouselStage) {
            return carouselStage.jcarousel('items').eq(itemNavigation.index());
        };

        $(function() {
            var carouselStage      = $('.carousel-stage').jcarousel();
            var carouselNavigation = $('.carousel-navigation').jcarousel();

            carouselNavigation.jcarousel('items').each(function() {
                var item = $(this);

                var target = connector(item, carouselStage);

                item
                    .on('jcarouselcontrol:active', function() {
                        carouselNavigation.jcarousel('scrollIntoView', this);
                        item.addClass('active');
                    })
                    .on('jcarouselcontrol:inactive', function() {
                        item.removeClass('active');
                    })
                    .jcarouselControl({
                        target: target,
                        carousel: carouselStage
                    });
            });

            $('.prev-stage')
                .on('jcarouselcontrol:inactive', function() {
                    $(this).addClass('inactive');
                })
                .on('jcarouselcontrol:active', function() {
                    $(this).removeClass('inactive');
                })
                .jcarouselControl({
                    target: '-=1'
                });

            $('.next-stage')
                .on('jcarouselcontrol:inactive', function() {
                    $(this).addClass('inactive');
                })
                .on('jcarouselcontrol:active', function() {
                    $(this).removeClass('inactive');
                })
                .jcarouselControl({
                    target: '+=1'
                });

            $('.prev-navigation')
                .on('jcarouselcontrol:inactive', function() {
                    $(this).addClass('inactive');
                })
                .on('jcarouselcontrol:active', function() {
                    $(this).removeClass('inactive');
                })
                .jcarouselControl({
                    target: '-=1'
                });

            $('.next-navigation')
                .on('jcarouselcontrol:inactive', function() {
                    $(this).addClass('inactive');
                })
                .on('jcarouselcontrol:active', function() {
                    $(this).removeClass('inactive');
                })
                .jcarouselControl({
                    target: '+=1'
                });
        });
    });
</script>

<button type="button" class="mfp-close"></button>

<div class="gallery__body">
    <span class="gallery__title">Фотографии с мероприятия</span>

    <div class="connected-carousels">
        <div class="stage">
            <div class="carousel carousel-stage">
                <ul>
                                    </ul>
            </div>
            <a href="#" class="prev prev-stage"><span></span></a>
            <a href="#" class="next next-stage"><span></span></a>
        </div>

        <div class="navigation">
            <a href="#" class="prev prev-navigation"></a>
            <a href="#" class="next next-navigation"></a>
            <div class="carousel carousel-navigation">
                <ul>
                                    </ul>
            </div>
        </div>
    </div>
    </div>