Как получить данные для образца изображений на странице?

Question

У меня есть несколько изображений, отображаемых в виде основного слайдера.

Я бы хотел получить текст, относящийся к отображаемому в данный момент изображению (#current_item img)

В данный момент я думал об отправке запроса в базу данных каждый раз, когда пользователь взаимодействует со слайдером. ,Но я обеспокоен тем, что он может использовать слишком много ресурсов?

Я хотел бы найти более простой способ получения этой информации (заголовок и описание) без отправки запроса в базу данных. *

Есть ли способ достичь этого?

<div class="gallery-wrapper">
    <div class="gallery-inner">
        <div class="gallery_item" id="prev_item">
            <img src="..." alt="" class="gallery_image">
        </div>
        <div class="gallery_item" id="current_item">
            <img src="..." alt="" class="gallery_image">
        </div>
        <div class="gallery_item" id="next_item">
            <img src="..." alt="" class="gallery_image">
        </div>
    </div>
</div>
<div class="button prev">ARCHITECTURE</div>
<div class="button next">PEOPLE</div>