Uso el siguiente plugin: http://www.fieg.nl/infinite-ajax-scroll-a-jquery-plugin para cargar las entradas en WordPress y funciona, pero en vez de cargar en orden 6,5,4,3,2,1 lo carga en 6,2,1,4,3,5.
El problema es que carga los siguientes elementos después de la primera entrada en vez de la última. Sin embargo, el plugin por defecto carga después de la última.
Os dejo el código fuente:
header.php (publico solo los links al css y js):
Código PHP:
Ver original
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url');?>/scripts/dist/css/jquery.ias.css" /> <script type="text/javascript" src="<?php bloginfo('template_url');?>/scripts/dist/jquery-ias.min.js"></script> <script type="text/javascript"> $(document).ready(function() { jQuery.ias({ container : '#contenido', item: "#entrada", pagination: '.navigation', next: '.navigation .alignright a', loader: '<img src="https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/images/loader.gif"/>', history: false, }); }); </script>
index.php
Código PHP:
Ver original
<div id="contenido"> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div id="entrada"> <h2><?php the_title();?></h2> <?php the_content(); ?> </div> <?php endwhile; ?> <?php endif; ?> <ul class="navigation"> <li class="alignleft"><?php previous_posts_link('« Anteriores') ?></li> <li class="alignright"><?php next_posts_link('Siguientes »','') ?></li> </ul> </div>
No he puesto el Css pues no presenta ningún problema, si lo pedís lo publico.
Espero vuestra ayuda, gracias por anticipado.