подгрузка фото при смене слайдера

как при смене слайда подгружать фото в из data_slide_img

слайдер вывожу так

 $(".slider__data").slick({
        autoplay: true,
        dots: true,
        customPaging : function(slider, i) {
            var thumb = $(slider.$slides[i]).data();
            i++;
            return '<a>'+i+'</a>';
        }
    });

       <div class="slider__box">
            <div class="container">
                <div class="slider__data">
                    {set $rows = json_decode($_modx->resource.slider, true)}
                    {foreach $rows as $row}
                        <div class="s__item">
                        <h2>{$row.title}</h2>
                        <p>{$row.description}</p>
                        <div class="data__btn">
                            <a href="{$_modx->makeUrl($row.link)}" class="btn-blue">Подробнее</a>
                            <a href="{$_modx->makeUrl($row.linkb)}" class="btn-bwhite">Забронировать</a>
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
       <div class="data_slide_img">
           <img src="photo 1">
           <img src="photo 2">
       </div>