一次显示两条记录的幻灯片


Display slide with two records at a time

我想一次显示两条记录的幻灯片。现在我一次只能在slider中获取一条记录因为我在while循环中获取数据。我的代码是:

<ul class="slides">
    <?php 
    ...
    while($eventData = mysql_fetch_array($eventSql))
    {
    ?>
        <li class="questions-slide-item">
            <div class="query clearfix">
                <div class="image fl">
                    <img src='<?php echo $eventData['image']; ?>' style="width:63px; height:61px;">
                </div>                                                 
            </div> 
        </li> 
    <?php } ?>
</ul>

您可以添加一个计数器,并且只在每二次迭代时打开/关闭列表项:

<ul class="slides">
    <li class="questions-slide-item">
        <?php 
        ...
        $count = 0;
        while($eventData = mysql_fetch_array($eventSql))
        {
            if($count > 0 && $count % 2 == 0) {
        ?>
                </li>
                <li class="questions-slide-item">
        <?php
            }
        ?>

            <div class="query clearfix">
            <div class="image fl">
            <img src='<?php echo $eventData['image']; ?>' style="width:63px; height:61px;">
            </div>                                                 
            </div> 

        <?php 
            $count++;
        } 
        ?>
    </li>
</ul> 

您可以首先将所有行放在一个数组中,然后根据需要使用该数组。

请参阅下面的代码来理解我想说的。

<?php 
    ...
    $eventData= array();
    while($row = mysql_fetch_assoc($eventSql)) 
    {
        $eventData [] = $row;
    }
    for($i=0;count($eventData);$i=$i+2)
    {
    ?>
        <li class="questions-slide-item">
        <div class="query clearfix">
        <div class="image fl">
        <img src='<?php echo $eventData[$i]['image']; ?>' style="width:63px; height:61px;">
        </div>                                                 
        </div> 
        </li> 
        <li class="questions-slide-item">
        <div class="query clearfix">
        <div class="image fl">
        <img src='<?php echo $eventData[$i+1]['image']; ?>' style="width:63px; height:61px;">
        </div>                                                 
        </div> 
        </li> 
    <?php } ?>