как дела ребята? Надеюсь, у тебя замечательный день.
У меня возникли проблемы с слайдером начальной загрузки. Я получаю изображения из базы данных, но для подписи я хочу добавить разные CSS для каждого слайдера.
Я видел некоторые вопросы и ответы и применил их в своем коде, но он не работает или, возможно, я не понимаю, чтосделать. Ребята, можете ли вы помочь мне с этим?
Вот мой код
$getSlider = "SELECT * FROM slider ORDER BY id DESC";
$data = $db->select($getSlider);
if($data){
<div id="carousel" class="carousel" data-ride="carousel">
<ol class="carousel-indicators">
for ($j = 0; $j < count($data) ; $j++) {
$j = (int)$j;
if ($j == 0) {
$active = "active";
} else {
$active = "";
}
<li data-target="#carousel" data-slide-to="<?php echo $j; ?>" class="<?php echo $active; ?>"></li>
}
</ol>
<div class="carousel-inner">
$i = 2;
foreach ($data as $row) {
if ($i == 2) {
$active = "active";
} else {
$active = "";
}
<div class="carousel-item <?php echo $active; ?>">
<img class="d-block w-100" style="background-image:url(<?php echo $row['image']; ?>)">
<div class="carousel-caption custom-caption">
<h1 class="cap-one"><?php echo $row['cap_one']; ?></h1>
<h1 class="cap-two"><?php echo $row['cap_two']; ?></h1>
</div>
</div>
</div>
$i = $i + 1;
}
</div>
}
Теперь, у меня есть три разных ползунка, и я хочу по-разному оформить подписи для каждого ползунка с тремя разными классами, что мне нужно сделать?
Вы можете видеть, что у меня есть два тега <h1>
в области заголовка. Я хочу добавить для каждого отдельного цикла дополнительный класс с cap-one
и cap-two
, но имя дополнительного класса должно быть одинаковым для обоих тегов <h1>
.
Спасибовперед и с нетерпением жду, чтобы услышать от вас.