Как обернуть каждую картинку в слайдере ссылкой?

Доброго времени суток) Подскажите пожалуйста, как обернуть ссылками картинки в слайдере ? Код ниже. Спасибо за внимание)

<div id="pager"></div>
<div id="slider-content">
<ul>
<?foreach($arResult["ITEMS"] as $arItem):?>
<li id="<?=$this->GetEditAreaId($arItem['ID']);?>">

<div class="slider-item">

<?if($arParams["DISPLAY_PICTURE"]!="N" && is_array($arItem["PREVIEW_PICTURE"])):?>
<?if(!$arParams["HIDE_LINK_WHEN_NO_DETAIL"] || ($arItem["DETAIL_TEXT"] && $arResult["USER_HAVE_ACCESS"])):?>

<img
    src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>"
    alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>"
    title="<?=$arItem["PREVIEW_PICTURE"]["TITLE"]?>"
/>
<?else:?>
<img
    src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>"
    alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>"
    title="<?=$arItem["PREVIEW_PICTURE"]["TITLE"]?>"
/>
<?endif;?>
<?endif?>
</div>
</li>
<?endforeach;?>
</div>
</ul>
</div>