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