Я хочу отобразить данные Banner и bootstrap индикаторы и элементы управления каруселью с помощью PHP, но когда я использую foreach function
, но PHP не работает для меня, я также хочу сказать, что я новичок в PHP и обучение этой программе за последние недели. У меня также были некоторые похожие темы, но я уверен, что это не помогло и работало с нашими кодами.
- Я хочу, если в моей БД только один баннер, тогда левый и правый
glyphicon, carousel , progress bar
скроет . - Если в БД несколько баннеров, то первый баннер будет по умолчанию баннером
class
и carousel indicator
class = "active"
.
, пожалуйста, помогите мне кому-нибудь: -
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="transition-timer-carousel" class="carousel slide transition-timer-carousel" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#transition-timer-carousel" data-slide-to="0" class="active"></li>
<?= '<li data-target="#transition-timer-carousel" data-slide-to="'.$number_of_rows.'" class=""></li>'; ?>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="http://moderncollegepune.edu.in/wp-content/uploads/2016/08/InternationalConference2014_2.jpg" />
<div class="carousel-caption">
<p class="carousel-caption-text hidden-sm hidden-xs">
Lorem ipsum.
</p>
</div>
</div>
<?php
$stmt = $con->prepare("SELECT * FROM `add_banner`");
$stmt->execute();
$result = $stmt->rowCount();
if($result > 0) {
$result = $stmt->fetchAll();
foreach($result as $row) {
$number_of_rows = $stmt->fetchColumn();
?>
<div class="item">
<?= '<img src="data:image/png;base64,' .base64_encode( $row['image'] ). '" />' ?>
<div class="carousel-caption">
<p class="carousel-caption-text hidden-sm hidden-xs">
<?= $row['banner_caption'] ?>
</p>
</div>
</div>
<ol class="carousel-indicators">
<li data-target="#transition-timer-carousel" data-slide-to="0" class="active"></li>
<?= '<li data-target="#transition-timer-carousel" data-slide-to="'.$number_of_rows.'" class=""></li>'; ?>
</ol>
<?php } } else { echo "No banner Available"; } ?>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#transition-timer-carousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#transition-timer-carousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
<!-- Timer "progress bar" -->
<hr class="transition-timer-carousel-progress-bar animate" style="margin: 0px !important" />
</div>