Lihat entri
Blog saya

Adsense Entri

Pos lawas Home
Anda disini · Home › Auto Load Ajax Scroll

Auto Load Ajax Scroll

Arep Edian opo postingan blog tutorial gak kenek di kopas, kene tak kopase! pingin weruh aku. Nek atase jek gae text web font gak usah metuwek. Kene sak iki ganti aku sing ngekek'i tutorial nek iso mbok kopas sakti tenan berarti.
jQuery('document').ready(function($) {
 setup_ajax_pagination();
});
 
function setup_ajax_pagination()
{
jQuery.ias({
 container : '#content',
 item: '.post',
 pagination: '#nav-below',
 next: '#nav-below .nav-previous a',
 history:false,
 loader: gl_theme_url + "/ajaxscroll/loader.gif'/>",
});
}
<!-- jQuery versi 1.6.1 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> 
 
<!-- skrip dasar jQuery -->
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/ajaxscroll/jquery.ias.setting.js"></script>
 
<!-- skrip Infinite Ajax Scroll -->
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/ajaxscroll/jquery.ias.min.js"></script>
 
<!-- skrip untuk menampilkan gambar loader.gif -->
<script type="text/javascript">
 var gl_theme_url = "<img src='<?php echo get_template_directory_uri(); ?>";
</script>
jQuery.ias({
  container : '#content', 
  // tag yang memuat semua tag ID/class (area postingan dan area pagination).
 
  item: '.post', 
  // tag yang memuat masing-masing artikel (area postingan).
 
  pagination: '#nav-below', 
  //tag yang memuat elemen pagination (link previous dan link next pagination).
 
  next: '#nav-below .nav-previous a', 
  //tag class link yang memuat link previous pagination.
 
  history:false, 
  //false artinya untuk menghilangkan tanda hash ("#/page/") di url ketika discroll.
 
  loader: gl_theme_url + "/ajaxscroll/loader.gif'/>", 
  //gambar loading.
 
});

11 Comments

© 2012 - Blogger Dhasboard - Template Creations kimzigr - Powered by Blogger