CSS слайд не работает с изображениями из базы данных

Question

CSS слайд не работает с изображениями из базы данных

Я получаю бесплатный макет сайта только для того, чтобы учиться и продолжать тренировать свои навыки php. На сайте есть несколько слайдов в индексе, и когда он получал index.html, при получении изображений с моего компьютера все работало нормально. Но теперь я ищу изображения в базе данных, и вместо того, чтобы слайды разных изображений, он перемещает одни и те же изображения и помещает все остальное под слайды. Введите здесь, чтобы увидеть, что я имею в виду gabrielozzy.zz.vc/vertigo.

Ну, в HTML и CSS это работало хорошо, почему это неправильно, если я не изменил html / css?

Вот код:

<?php
$slides = listarSlides($conexao);
foreach($slides as $slide){
echo'
<section id="dg-container" class="dg-container">
<div class="dg-wrapper">
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image1" /></a>
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image2" /></a>
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image3" /></a>
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image4" /></a>
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image5" /></a>
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image1" /></a>
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image2" /></a>
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image3" /></a>
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image4" /></a>
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image5" /></a>
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image1" /></a>
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image2" /></a>
<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image3" /></a>
</div>
</section>';
}
?>

functions.php:

<?php
function listarSlides($conexao){
$slides = array();
$query = "select imagem from slides order by cod_slides LIMIT 13";
$resultado = mysqli_query($conexao, $query);
while($slide = mysqli_fetch_assoc($resultado)){
array_push($slides, $slide);
}
return $slides;
}
?>

Спасибо !

0

css function html php slide

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Вы пытаетесь зациклить весь div с одним изображением несколько раз, тогда как вам просто нужно зациклить изображения.
Поэтому попробуйте вывести секцию> из цикла и вставить только экземпляр $ silde [‘imagem’].
попробуйте это в вашем php:

<section id="dg-container" class="dg-container">
<div class="dg-wrapper">
<?php
$slides = listarSlides($conexao);
foreach($slides as $slide){
echo'

<a href="#"><img src="https://web-answers.ru/wp-content/uploads/2019/03/' . $slide['imagem'] . '"alt="image1" /></a>

';
}
?>
</div>
</section>

0