Добрый день. На сейте выводятся элемент инфоблока, при клине по элементу открывается модальное окно в котором содержится анонс этого элемента.
вот код элемента<div class="sites-block-element-container " style="width: 180px;">
<a href="#openModal">
<div class="sites-block-element hov-activ" style="width:180px; height: 104px;" >
<span class="wrap">
<img
src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>"
width="120px"
alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>"
/>
</span>
</div>
</div>
вот код модалки<div id="openModal" class="modalDialog">
<div style="text-align: center;">
<a href="#close" title="Закрыть" class="close">X</a>
<h2 ><?=$arItem["NAME"]?></h2>
<img
src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>"
width="<?=$arItem["PREVIEW_PICTURE"]["WIDTH"]?>"
height="<?=$arItem["PREVIEW_PICTURE"]["HEIGHT"]?>"
alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>"
/>
<p style="text-align: left;"><?=$arItem["PREVIEW_TEXT"]?></p>
</div>
</div>
Теперь к проблеме, сейчас у меня при кликах на разные элементы показывается анонс элемента, который выводиться первым. Как мне сделать что бы для каждого элемента выводился свой анонс.
PS как я понял нужно чтото с id сделать, но я не шарю в php и не знаю как реализовать решение