2013-04-06 50 views
0

我正在做一些WordPress主題。我有一個#novelsslider div。在#novels裏面,我使用這段代碼來獲取最新的三篇帖子,在html divs裏面的「小說」類中,我使用了一些php函數來獲取最新的3篇文章,並將html的3次加載到左邊構建滑塊:如何爲獲得帖子的函數製作一個特定的循環?

<!-- slider -->  
<div id="novelsslider" class="slider"> 

<? $novels = get_option('of_novels') ?> 
<?php query_posts('category_name=$novels&posts_per_page=3'); ?> 
<?php while (have_posts()) : the_post(); ?> 
    <div class="sliderunit"> 
     <?php the_post_thumbnail(); ?> 
     <div class="novelsslidertitle"> 
      <div class="arrow-left"></div> 
       <a href="<?php the_permalink(); ?>"> 
       <img class="cross" src="<?php bloginfo('stylesheet_directory'); ?>/images/cross.png"/> 
       </a> 
       <a href="<?php the_permalink(); ?>"> 
        <?php the_title(); ?> 
       </a>   
      </div> 
     </div> 
     <?php endwhile;?> 

     <div id="novelsslidebars"> 
      <input type="submit" value="" class="slidebars" id="novelsslidebtnleft"> 
      <input type="submit" value="" class="slidebars" id="novelsslidebtnmiddle"> 
      <input type="submit" value="" class="slidebars" id="novelsslidebtnright"> 
     </div> 

    </div> 
<!-- End novelsslider --> 

嗷嗷我有些箭頭。我希望他們點擊獲得一組前3個的職位,並加載它們的時候,我該怎麼辦這樣一個循環?

回答

0

要做到這一點,你可以採用以下任一方法:

1如果你的職位不是大量的,那麼你可以預加載它們,並存儲在一些容器中默認是隱藏的,當你點擊就會出現下一個/上一個按鈕,就像內容滑塊一樣,但這是一個不好的方法,不推薦。

2-使用AJAX加載帖子的其餘部分,這是一個很好的方法,並且將是純粹的動態。看看下面的鏈接,有想法:

http://wp.tutsplus.com/tutorials/getting-loopy-ajax-powered-loops-with-jquery-and-wordpress/

Wordpress - how can I fetch more posts via AJAX?

相關問題