Bir tane listem var. Buradan bir tanesine tıklayınca o listedeki verileri ajax kullanarak aldım ve aynı sayfada başka bir alana eklettim.

Sıkıntım şu: Bütün verileri anında çekiyor fakat resim urlsini doğru çektiği halde src kısmına eklettiğimde bazen görünüyor bazen görünmüyor. Buga giriyor yani. Resimlerim gif çok yer kaplıyo diye başka siteye yükledim oradan çekiyorum. Bug sebebi link ile çektiğim için mi resimleri? Başka bi çaresi var mı bunun? Gifleri src ye yazdırdığım zaman bazen görünüyor sıkıntı olmuyor bazen görünmyüyor. Diğer verileri değiştiriyor sadece resimi değiştirmiyor.

attr yerine prop kullandım yine olmadı. -data kullanarak verileri isimlendirmem mi lazım? Ya da dediğim gibi direkt linkten çektiğim için mi? Birisi acil yardımcı olabilir ise çok sevinirim. Şu nu halledip yatmak istiyorum artık.

    // buradan api dosyasına yolladım orada yolladığım id veriyi çektim geri yolladım. Sonra buradan aşağıda HTML'de gösterdiğim yere yazdırmak istedim. Her şey doğru ama buga giriyor sadece img buga giriyor. 
     $('.resimTikla').click(function(){
            var id = $(this).attr("id");

            $.ajax({
                type: 'POST',
                url: 'api.php',
                data: {"id":id},
                success: function(data) {
                    $(".data-ad").html(data.ad);
                    $(".data-yas-class").html(data.yas);
                    $(".data-km-class").html(data.km);
                    $(".data-resim_link").prop("src", data.resim_link);
                    alert(data.ad+" her şey yüklendi.")
                },
                dataType: 'json'
            });
            
        });

      <div class="header-img-kapsa">
                    <img class="data-resim_link" loading="lazy" src="<?php echo $queryHeroRandom['resim_link']; ?>" alt="">
                    <span class="data-yas"><span class="data-yas-class"><?php echo $queryHeroRandom['yas']; ?></span> Yaş</span>
                    <span class="data-km"><span class="data-km-class"><?php echo $queryHeroRandom['km']; ?></span> Km</span>
               </div>
            </div>