javascript-ページ上の画像のサンプルのデータを取得する方法は？

基本的なスライダーとしていくつかの画像を表示しています。

現在表示されている画像（#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>