Respuesta a: Galería en cuadrícula con errores

Inicio Foros WordPress Themes y Diseño Galería en cuadrícula con errores Respuesta a: Galería en cuadrícula con errores

#69523

Anónimo

He encontrado el trozo de código del scroll infinito, lo pongo por aquí por si aclara algo:

<!– start infinite scroll function  –>

<script type=”text/javascript”>
jQuery(document).ready(function($) {

var count = 2;
var total = <?php echo $wp_query->max_num_pages; ?>;
$(window).scroll(function(){
if  ($(window).scrollTop() == $(document).height() – $(window).height()){
if (count > total){
return false;
}else{
loadArticle(count);
}
count++;
}
});

function loadArticle(pageNumber){

$(‘a#inifiniteLoader’).show(‘fast’);

$.ajax({
url: “<?php bloginfo(‘wpurl’) ?>/wp-admin/admin-ajax.php”,
type:’POST’,
data: “action=infinite_scroll&page_no=”+ pageNumber + ‘&loop_file=loop’,
success: function(html){
$(‘a#inifiniteLoader’).hide(‘1000′);

$(“#tiles”).append(html);    // This will be the div where our content will be loaded
$(“a[rel=’colorbox’]”).colorbox({
transition:’elastic’,
opacity:’0.7′,
maxHeight:’90%’
});
}
});
return false;
}

});

</script>

<!– end infinite scroll pagination –>

<div>
<div>

<div>
<div id=”main” role=”main”>
<ul id=”tiles”>

<?php
/* Run the loop to output the posts.
* If you want to overload this in a child theme then include a file
* called loop-index.php and that will be used instead.
*/
get_template_part( ‘loop’ );
?>

</ul>
</div>

</div>

</div>

</div>

<a id=”inifiniteLoader”>Cargando… <img src=”<?php bloginfo(‘template_directory’); ?>/images/ajax-loader.gif”></a>

Pin It on Pinterest

Ir al contenido