选择前10行并显示为幻灯片放映

时间:2018-12-13 20:01:26

标签: php html mysql twitter-bootstrap

我正在创建一个网站,我想将数据库中的数据显示到幻灯片中。幻灯片是使用引导程序制作的。

我的代码如下:

<?php
include 'header.php';
require 'includes/dbh-inc.php';

function make_query($conn)
{
    $query = " SELECT * FROM notes ORDER BY id ASC";
    $result = mysqli_query($conn,$query);
    return $result;
}

function make_slide_indicators($conn)
{
    $output = '';
    $count = 0;
    $result = make_query($conn);
    while($row = mysqli_fetch_array($result))
    {
        if($count == 0)
        {
            $output .= '<li data-target="#dynamic_slide_show" data-slide-to="'.$count.'" class="active"></li>
            ';
        } else {
            $output .= '<li data-target="#dynamic_slide_show" data-slide-to="'.$count.'"></li>';
        }
        $count = $count + 1 ;
    }
    return $output;
}

function make_slides($conn)
{
    $output = '';
    $count = 0;
    $result = make_query($conn);
    while($row = mysqli_fetch_array($result))
    {
        if($count == 0)
        {
            $output .= '<div class="item active">';
        } else {
            $output .= '<div class="item">';
        }
        $output .= '<img src="images/notes/'.$row["image"]
                .'" alt="'.$row["denomination"].'" style=" width: 100%;height: 300px;" /> 
                <div class="carousel-caption"> 
                <h3>' .$row['price'].'</h3>
                </div>';
        $count = $count +1;
    }
    return $output;
}
?>

<main> 
    <div class="container">
        <h2 align="center">Pedigree Notes</h2>
        <br />
        <div id="dynamic_slide_show" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
            <?php echo make_slide_indicators($conn); ?>
            </ol>

            <div class="carousel-inner">
                <?php echo make_slides($conn); ?>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>

        </div>
    </div>
</main>

<?php
include 'footer.php';
?>

它以某种方式工作,但是在第一张幻灯片中同时显示了数据库中的两个图片,第一张幻灯片中的一半滑动了,第二张图片中的另一半。 你能告诉我我该怎么办吗?

1 个答案:

答案 0 :(得分:0)

在函数make_slides中,将类项目更改为carousel-item

# this code creates an instance of priCS681Comm.ocx
import win32com.client
import win32com.client.dynamic
from win32com.client import gencache
gencache.EnsureModule('{35F923BD-6F0F-477D-A07C-E33C53FB692B}', 0, 3, 0)
cs = win32com.client.Dispatch("PRICS681.priCS681Comm")

cs.ConnectionConnect('xxxxxx')

print cs.Connected
print cs.InconsistentPacketNumber
print cs.InconsistentTimeStamp
print cs.PacketsReceived

cs.GetDataAngular()