Tolong pilih kategori sesuai, jenis posting (diskusi atau bukan) dan sertakan tag/topik yang sesuai seperti komputer, java, php, mysql, dll. Promosi atau posting tidak pada tempatnya akan kami hapus!
- Bagi Anda yang ingin mendaftar, baca link berikut:
http://diskusiweb.com/discussion/50491/how-to-registrasi-diskusiweb-com-baca-ini-terlebih-dahulu
- Cara menyisipkan kode program supaya tampil rapi dan terformat dengan baik di diskusiweb.com: http://www.diskusiweb.com/discussion/50415/cara-menyisipkan-kode-program-di-diskusiweb-com
- Cara posting gambar/image di post Anda: http://www.diskusiweb.com/discussion/47345/cara-menyisipkan-menyertakan-image-pada-posting/p1

[HELP] Cara menload gambar tanpa refresh halaman?

seoseo
edited June 2015 in Diskusi Pemrograman & IT
hallo gan saya mau bertanya, bagaimana cara menload sebuah gambar tanpa me refresh halaman.

contoh saya punya gallery gambar. nah ketika saya klik pada button gallery gambar itu maka hanya gambarnya saja yang ganti, sedangkah halamannya tidak merefresh.


disini saya menggunakan codeigniter, ada yang tau bagaimana caranya ?

Comments

  • buat cara menampilkan gambarnya gimana dulu..
  • buat cara menampilkan gambarnya gimana dulu..
    ini gan contoh webnya, http://www.heibogor.com/index.php/gallery/detail/lifestyle/Bogor-Bike-Week/3

    pas ane klik button previous atau next, yang nge refresh hanya gambarnya aja sedangkan content yang lain tidak.
  • codingan yg dah lu buat mana?
  • seoseo
    edited June 2015
    codingan yg dah lu buat mana?
    yang pas dicontrollernya apa viewnya gan? itu pake sistem paging soalnya
  • controllernya  : 

    $user_data['title'] = $data['title']." - Gallery Photo";
    $user_data['slug'] = $this->uri->segment(3);
    $user_data['slug_detail'] = $this->uri->segment(4);
    $user_data['get_album_slug'] = $this->Hb_gallery->get_album_slug($user_data['slug_detail']);
    $user_data['get_album_category_slug'] = $this->Hb_gallery->get_album_category_slug($user_data['slug']);
    $config['base_url'] = base_url().'index.php/gallery/detail/'.$user_data['slug'].'/'.$user_data['slug_detail'].'';
    $config['total_rows'] = $this->Hb_gallery->get_itung_foto($user_data['get_album_slug'][0]->album_id);
    $config['per_page'] = '1';
    $config['display_pages'] = FALSE;
    $config['last_link'] = FALSE;
    $config['first_link'] = FALSE;
    $config['first_tag_open'] = '<li class="next">';
    $config['first_tag_close'] = '</li>';
    $config['last_tag_open'] = '<li class="previous">';
    $config['last_tag_close'] = '</li>';
    $config['full_tag_open'] = '<ul class="pager" style="margin: 15px 0;  margin: 15px 0;
      position: absolute;
      list-style: none;
      text-align: center;
      left: 0;
      top: 200px;
      width: 100%;">';
    $config['full_tag_close'] = '</ul>';
    $config['num_tag_open'] = '<li class="previous">';
    $config['num_tag_close'] = '</li>';
    $config['cur_tag_open'] = '<li class="active"><a href="#">';
    $config['cur_tag_close'] = '</a></li>';
    $config['next_link'] = 'NEXT';
    $config['next_tag_open'] = '<li class="next">';
    $config['next_tag_close'] = '</li>';
    $config['prev_link'] = 'PREVIOUS';
    $config['prev_tag_open'] = '<li class="previous">';
    $config['prev_tag_close'] = '</li>';
    $config['uri_segment'] = 5;
    $config['anchor_class'] = "rel='tab'";
    $this->pagination->initialize($config);


  • pas diviewnya : 

     <section>
                                    
                                    <div id="article-gallery" class="row">
                                        
                                        <?php 
    foreach($get_album as $row_album){ 
    $album = $this->Hb_gallery->get_album_byid2($row_album->photo_album_id);
    ?>
                                        <div class="col-xs-12 col-md-12">
                                            <article class="clearfix" style="margin-bottom: 5px;">
                                                <a href="#">
                                                    <img src="http://.../<?php echo $row_album->photo_file; ?>" width="300" alt="<?php echo $row_album->photo_summary; ?>" class="img-responsive" />
                                                    
                                                </a>
                                                <?php echo $this->pagination->create_links(); ?>
                                                <h4><?php echo $row_album->photo_title; ?></h4>
                                                <p><?php echo $album[0]->album_summary; ?></p>
                                            </article>
                                        </div>
                                        <?php } ?>
                                        
                                    </div>
                                </section>

  • jgn pake "<a href="#">..
    pake <div> atau <span>
  • jgn pake "<a href="#">..
    pake <div> atau <span>
    yang dibagian controller apa viewnya ?
  • yg di view bro.. yg di controller mah settingan buat halaman..
    kayaknya ini codingan bajakan ya..
    :O >:)..

  • kan itu setingan button previous sama nextnya dari controller bro, kalo yang dimaksud <a href="#"> yang ngebungkus gambarnya itu supaya gambarnya tidak ada urlnya 

    jadi ane rasa kalo diganti div atau span gak bakal ngaruh
  • oh.. salah baca gw rupanya.. gambar elo pake controller toh,,
    lah iyalah.. setiap tombol di click, harus load halaman lah.
    gw pikir tadi pake javascript.
  • oh.. salah baca gw rupanya.. gambar elo pake controller toh,,
    lah iyalah.. setiap tombol di click, harus load halaman lah.
    gw pikir tadi pake javascript.
    nah iya gan, solusinya bagaimana supaya halaman itu yang ngeload hanya gambarnya ajah, sedangkan konten yang ada dihalaman itu engga. apa ada javascript/ajax yang bisa digunakan?
  • pake bxslider tuh gampang.
  • pake bxslider tuh gampang.
    slidernya masalahnya pake sistem begitu gan, tinggal dibuat supaya kaya slider aja, nah masalahnya ane mentok mesti ajax/javascript apaan.

    kalo bxslider itu emang slider udah jadi
  • lu maunya, image di slider tanpa merefresh halaman to..
    gw gk ngerti maksud lo "tinggal dibuat supaya kaya slider" ..
    bukannya punya lu itu dah kaya slider..

    pake bxslider .. sebelumnya lu harus nampilin seluruh image pada saat load halaman pertama kali..
    controller lengkapnya mana?
  • lu maunya, image di slider tanpa merefresh halaman to..
    gw gk ngerti maksud lo "tinggal dibuat supaya kaya slider" ..
    bukannya punya lu itu dah kaya slider..

    pake bxslider .. sebelumnya lu harus nampilin seluruh image pada saat load halaman pertama kali..
    controller lengkapnya mana?
    sori gan ane sekarang mau ganti yang kaya kapanlagi http://www.kapanlagi.com/foto/berita-foto/indonesia/37349resepsi_gibran_selvi-20150612-006-rita.html 

    tau ga dia pake slider apa ?
  • btw.. link yg lo tunjukin itu smw, pada refresh halaman tuh..
  • btw.. link yg lo tunjukin itu smw, pada refresh halaman tuh..
    nah iya gan itu punya orang tapinya :D , kira-kira namanya apa ya yang kaya gitu? nama slidernya
Sign In or Register to comment.