使用 Cycle2 Malsup php 库根据我的 MySQL 数据库中的信息显示图像。一次只显示图像图像答案

【问题标题】：Using Cycle2 Malsup php library to show images based on information from my MySQL database. Only image image is showing at a time使用 Cycle2 Malsup php 库根据我的 MySQL 数据库中的信息显示图像。一次只显示图像图像
【发布时间】：2018-04-29 10:25:04
【问题描述】：

我正在尝试构建一个图书轮播，根据我们目录中的项目显示可在图书馆借阅的图书。我正在查询 MySQL 数据库以获取与特定查询匹配的项目，并将其与 Malsup Cycle2 php 库一起使用。我的图像将显示在屏幕上，但我只看到一张图像，然后它消失了，另一张放大了。我希望能够一次看到 5 本书的封面，并且有一个滚动和另一个。这是我的代码。

    $con = mysqli_connect("1.2.3.4","user","pass","database");
        if (mysqli_connect_errno())
        {
            echo "Failed to connect to MySQL: " . mysqli_connect_error();
        }
        mysqli_set_charset($con, "utf8");
        $sql = "SELECT DISTINCT bibs.record_id, "
        . "bibs.TITLE, bibs.AUTHOR, bibs.ISBNISSN, bibs.RECORDKEY, items.itemstatus, "
        . "items.bib_record_id, items.locationcode, items.branchcode "
        . "FROM bibs "
        . "INNER JOIN items ON bibs.record_id = items.bib_record_id "
        . "WHERE bibs.CATDATE >= '$last_thirty_days' "
        . "AND bibs.MATTYPE = 'a' "
        . "AND bibs.ISBNISSN != '' "
        . "AND items.locationcode LIKE '%af%' "
        . "AND items.branchcode = '1' "
        . "AND items.locationcode NOT LIKE '%wb%' "
        . "GROUP BY bibs.record_id "
        . "LIMIT 15";
        $result = mysqli_query($con,$sql);
      ?>
        <ul class="cycle-slideshow"
  data-cycle-carousel-visible="5"
  data-cycle-fx="scrollHorz"
  data-cycle-slides="li">
        <?php
            while ($bibs = mysqli_fetch_assoc($result)) {
            $bookcoverURL = createImageURL($bibs['ISBNISSN']);
        ?>
        <li>    <a href = "<?php echo $encoreURL; ?>">
            <img width=188px height=300px src="<?php echo $bookcoverURL;?>">
            </a></li>
        <?php }
            mysqli_free_result($result);
            mysqli_close($con);

        ?>
</ul>
</div>
    <br />

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script src="includes/jquery.cycle2.js"></script>
</body>

【问题讨论】：

标签： php mysql cycle2

【解决方案1】：

我已经回答了我自己的问题。它没有在演示页面上指定，但为了让轮播正常工作并正确转换图像，您需要包含此页面上可用的可选插件之一http://jquery.malsup.com/cycle2/download/

在我下载并包含该插件后，轮播按预期工作。

【讨论】：