Bir modda farklı bir Galeriyi görüntüle AjAX Codeiginter

Question

Merhaba Tıkladığım her düğme için farklı bir galeriyi nasıl görüntüleyebileceğimi bilmek isterim. İşte benim bakış kodu: Ben bu galeri için veritabanından getirilen görüntüleri istiyorum ve ajax ile bunu başarmak nasıl modal görüntülenebilir saBtn söylemek tıklayarak Yani

 <div id="gallery-buttons"> 
     <div class="row"> 
      <div class="col-md-2 col-md-offset-3"> 
       <p>Eagle Fruit South Africa</p> 
       <img src="<?= base_url() ?>assets/img/site/apple.png" class="img-responsive" id="apple" 
        alt="apple"/> 
       <button type="button" onclick="saBtn()" class="btn btn-primary btn-sm" id="saBtn">View Gallery 
       </button> 
      </div> 
      <div class="col-md-2"> 
       <p>Eagle Fruit Kenya</p> 
       <img src="<?= base_url() ?>assets/img/site/avo.png" class="img-responsive" id="strawberry" 
        alt="avocado"/> 
       <button type="button" onclick="kenyaBtn()" class="btn btn-primary btn-sm" id="kenyaBtn">View 
        Gallery 
       </button> 
      </div> 
      <div class="col-md-2"> 
       <p>Eagle Fruit Egypt</p> 
       <img src="<?= base_url() ?>assets/img/site/strawberry.png" id="eorange" class="img-responsive" 
        alt="strawberry"/> 
       <button type="button" onclick="egyptBtn()" class="btn btn-primary btn-sm" id="egyptBtn">View 
        Gallery 
       </button> 
      </div> 
     </div> 
    </div> 
</div> 

İşte bugüne kadar benim javascript fonksiyonları olan

/* Gallery Modals */ 
function saBtn(){ 
    $('#modalGallery').modal('show'); 
    $('.modal-title').text('Eagle Fruit South Africa Gallery'); // Set Title to Bootstrap modal title 
} 

function kenyaBtn(){ 
    $('#modalGallery').modal('show'); 
    $('.modal-title').text('Eagle Fruit Kenya Gallery'); // Set Title to Bootstrap modal title 
} 

function egyptBtn(){ 
    $('#modalGallery').modal('show'); 
    $('.modal-title').text('Eagle Fruit Egypt Gallery'); // Set Title to Bootstrap modal title 
} 

benim modelinde aşağıdaki setup var:

function get_sa(){ 
    $this->db->select('*'); 
    $this->db->from('gallery'); 
    $this->db->join('gallery_images', 'gallery_images.gallery_id = gallery.name','left'); 
    $this->db->where('gallery.gallery_name' == 'South Africa'); 
    $query = $this->db->get(); 
    return $query->result('array'); 
} 

function get_egypt(){ 
    $this->db->select('*'); 
    $this->db->from('gallery'); 
    $this->db->join('gallery_images', 'gallery_images.gallery_id = gallery.name','left'); 
    $this->db->where('gallery.gallery_name' == 'Egypt'); 
    $query = $this->db->get(); 
    return $query->result('array'); 
} 

function get_kenya(){ 
    $this->db->select('*'); 
    $this->db->from('gallery'); 
    $this->db->join('gallery_images', 'gallery_images.gallery_id = gallery.name','left'); 
    $this->db->where('gallery.gallery_name' == 'Kenya'); 
    $query = $this->db->get(); 
    return $query->result('array'); 
} 

Öyleyse şimdi sonuçları modal ve galeriyi nasıl kurabilirim?

Answer 1

Sonuçları almak için AJAX kullanın