Javascript Jquery滑块-无法填充滑块中的所有正方形

我的问题是，我不知道如何用滑块连接数据库中的帖子（文章）。我的意思是我用第一个做了，但我不知道怎么用其他的

以下是内容php文件的代码，其中是滑块： 我希望有人能告诉我如何填充其他4个滑块方块

<div id="main_content">


<?php
include("includes/connect.php");

$select_posts= "select * from posts order by rand() LIMIT 0,1";

$run_posts = mysql_query($select_posts);

while($row=mysql_fetch_array($run_posts)) {

$post_id = $row['post_id'];
$post_title = $row['post_title'];
$post_date = $row['post_date'];
$post_author = $row['post_author'];
$post_image = $row['post_image'];
$post_content = substr($row['post_content'],0,50);



?>


<div class="wrapper">
  <div class="container">
    <div class="content">
      <div id="featured_slide">
        <ul id="featurednews">
          <li><center><img src="images/<?php echo $post_image; ?>" width="500" height="300"  /></center>
            <div class="panel-overlay">
              <h2><?php echo $post_title; ?></h2>
              <p align="justify"><?php echo $post_content; ?></p><br/>
              <a href="pages.php">Continue Reading &raquo;</a>
              </li>
          <li><img src="images1/demo/2.gif" alt="" />
            <div class="panel-overlay">
              <h2><?php echo $post_title; ?></h2>
              <p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet.<br />
                <a href="#">Continue Reading &raquo;</a></p>
            </div>
          </li>
          <li><img src="images1/demo/3.gif" alt="" />
            <div class="panel-overlay">
              <h2>Dapiensociis temper donec</h2>
              <p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet.<br />
                <a href="#">Continue Reading &raquo;</a></p>
            </div>
          </li>
          <li><img src="images1/demo/4.gif" alt="" />
            <div class="panel-overlay">
              <h2>Semvelit nonummy odio tempus</h2>
              <p>Justolacus eger at pede felit in dictum sempus elit curabitur ipsum. Ametpellentum.<br />
                <a href="#">Continue Reading &raquo;</a></p>
            </div>
          </li>
          <li><img src="images1/demo/5.gif" alt="" />
            <div class="panel-overlay">
              <h2>Pedefamet orci orci quisque</h2>
              <p>Nonnam aenenasce morbi liberos malesuada risus id donec volutpat estibulum curabitae.<br />
                <a href="#">Continue Reading &raquo;</a></p>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <?php } ?>

</div> 

“width=“500”height=“300”/>




在拉奥里特郡的一家医疗机构中，有一家医疗机构的温度控制机构。




达皮恩斯酒店
在拉奥里特郡的一家医疗机构中，有一家医疗机构的温度控制机构。




我不知道该怎么做
朱托拉斯·埃格（Justolacus eger）在佩德·费利特（pede felit）的名言中写道，这是一个美好的故事。




奥奇奥奇奎斯佩德法梅特酒店
非南美洲的自由主义者不可能在库拉比塔岛上生存。

首先，您没有关闭第一张幻灯片的“面板覆盖”div或id为“特色幻灯片”的div，这可能就是其他幻灯片没有显示的原因

另外，根据我对您尝试执行的操作的理解，一旦修复了上述错误，您就需要重新排列代码，使其看起来更像这样：

<div id="main_content">
<div class="wrapper">
  <div class="container">
    <div class="content">
      <div id="featured_slide">
        <ul id="featurednews">

<?php
include("includes/connect.php");

$select_posts= "select * from posts order by rand() LIMIT 0,1";

$run_posts = mysql_query($select_posts);

while($row=mysql_fetch_array($run_posts)) {

$post_id = $row['post_id'];
$post_title = $row['post_title'];
$post_date = $row['post_date'];
$post_author = $row['post_author'];
$post_image = $row['post_image'];
$post_content = substr($row['post_content'],0,50);
?>
          <li><center><img src="images/<?php echo $post_image; ?>" width="500" height="300"  /></center>
            <div class="panel-overlay">
              <h2><?php echo $post_title; ?></h2>
              <p align="justify"><?php echo $post_content; ?></p><br/>
              <a href="pages.php">Continue Reading &raquo;</a>
              </div>
              </li>   
    <?php } ?>
     </ul>
        </div>
      </div>
    </div>
</div> 

“width=“500”height=“300”/>