Использование библиотеки Cycle2 Malsup php для показа изображений на основе информации из моей базы данных MySQL. Только изображение изображение показывает одновременно

Я пытаюсь построить книжную карусель, которая показывает книги, которые можно проверить в библиотеке, на основе элементов нашего каталога. Я запрашиваю базу данных MySQL, чтобы получить элементы, которые соответствуют определенному запросу, и использую это с php-библиотекой Malsup Cycle2. Мое изображение будет отображаться на экране, но я вижу только одно изображение, и оно исчезает, а другое увеличивается. Я хочу, чтобы я мог видеть 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>