Question

我有这段代码来显示帖子（代码效果很好）。

...if( $posts ): 

<ul>

<?php foreach( $posts as $post ): 

    setup_postdata( $post )

    ?>
    <li>
    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><p>
    </li>

<?php endforeach; ?>

</ul>
<?php endif; ?>
<?php wp_reset_postdata(); ?>

我计划使用此代码使帖子链接显示为“幻灯片” http://fiddle.jshell.net/vac9x/1/ 但我不知道如何将它们组合在一起。

基本问题是“幻灯片”一次显示3个帖子链接，当我点击下一个，它会显示另外3个等等，我该如何解决？

Answer 1

所以你只想要一次显示1个帖子链接吗？下面的代码基于小提琴示例中的滑块布局。您可以根据设计需要以多种不同的方式编写html标记。

<a href="#" id="prev2">Prev</a>
<div class="pics" id="s2" style="position: relative;">
   <?php foreach( $posts as $post ): 
setup_postdata( $post ) ?>
<div><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
<?php endforeach; ?>
<?php endif; ?>
<?php wp_reset_postdata(); ?> 
       </div>           
       <a href="#" id="next2">Next</a>

Answer 2

已解决 - 方法如下：

...if( $posts ): ?>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script type="text/javascript" src="http://sitewiththescript.com/theextrascript.js"></script>

<a href="#" id="prev2">Prev</a>
<div class="pics" id="s2" style="position: relative;">

<?php $i = 0; foreach( $posts as $post ): setup_postdata( $post )?>
<?php if ($i == '0') {echo '<div>';} else {};?>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<?php if ($i == '1') {echo '</div>';} else {$i++;};?>
<?php if ($i == '2') {$i == '0';} else {};?>

<?php endforeach; ?>
<?php endif; ?>
</div>           
<a href="#" id="next2">Next</a>
<?php wp_reset_postdata(); ...

PHP + HTML - 请帮我把这些东西放在一起

2 个答案: