2012-07-30 100 views
0

我工作的一個網站http://www.matchlessphotography.com已經拿到了照片的理想顯示器上 - 這瓷磚的年齡......WordPress的獲取帖子AJAX infinate滾動

enter image description here

本質客戶想這樣下去無窮無盡。

我不知道如何做到這一點,有一看沒有任何承載一些教程...


這是我當前如何獲取帖子:

<?php 

     global $post; 

     $args = array('numberposts'  => 104, 'meta_key=visible&meta_value=yes'); 
     $myposts = get_posts($args); 
     foreach($myposts as $post) : setup_postdata($post); ?> 

       <a class="photohovera" href="<?php the_permalink(); ?>"> 

       <?php $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); ?>    

        <img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<? echo $url ?>&h=138&w=197" width="197" height="138" title="<?php the_title(); ?>" /> 

        <span class="spanno"> 

         <strong class="title_blog_mini_post"> 

         <?php the_title(); ?> 

         </strong> 

        </span> 

       </a> 

     <?php endforeach; ?> 

我想我只需要再次這樣做,但每次增加的偏移量......?

回答

0

保羅愛爾蘭人jQuery Plugin Infinite Scroll是去這裏的路。

該插件尋找分頁容器,例如div.navigation以及您要檢索的物品的物品容器,例如.photohovera

WordPress提供了一個顯示分頁鏈接的功能。它被稱爲paginate_links,其默認輸出應該符合插件的要求。

然而,你將需要改變他們的方式你得到你的帖子,現在從get_posts()到WP_Query對象:

<?php 
$args = array('numberposts'  => 104, 'meta_key=visible&meta_value=yes'); 
$myposts = new WP_Query($args); 
$results = $myposts->get_results(); 
foreach($results as $post) : setup_postdata($post); ?>