查询两个随机帖子并将其放入轮播中

时间:2014-07-30 08:43:27

标签: jquery wordpress posts jquery-post

我想查询某个类别中的随机帖子,然后在旋转木马中只显示其中的两个,因此如果幻灯片更改,则会显示另外两个随机帖子。它可行吗?我知道只使用一个帖子很容易,但我无法弄清楚如何做到这一点。

一个褪色的例子:

fadeContent();    

function fadeContent() {
    $(".div-roles div:hidden:first-child").fadeIn(500).delay(3000).fadeOut(500, function () {
        $(this).appendTo($(this).parent());
        fadeContent();
    });
}

<div class="div-roles">
    <div>Spinach</div>
    <div>Broccoli</div>
    <div>Carrots</div>
</div>
<div class="static-loader"></div>

我当前的帖子查询是这样的:

<?php
$args = array( 'posts_per_page' => -1, 'order'=> 'DESC', 'orderby' => 'date' );
$postslist = get_posts( $args );
foreach ( $postslist as $post ) :
  setup_postdata( $post ); ?> 
<div class="block">
    <div class="wrapper">        
        <h1><?php the_title(); ?></h1>
        <div class="text">
            <?php the_excerpt(); ?>
        </div>
    </div>
</div>
<?php
endforeach; 
wp_reset_postdata();
?>

使用上面的js代码,我可以查询所有帖子并让它们淡出,但我只是简单的不能解决如何用两个帖子来做。

一个想法是在一个div中包含两个帖子,但我对PHP不太熟悉,所以我的技能不是那么好。

谢谢!

0 个答案:

没有答案