Отображение изображения в карусели из MySQLi с использованием PHP-переменных - PullRequest
0 голосов
/ 03 июня 2019

Итак, я хочу создать карусельную галерею для своего сайта, чтобы владельцы могли менять фоновые изображения, когда они хотят, и удалять изображения по своему желанию.

Изображения уже могут быть загружены, однако отображать их в карусели ... сложно.

Я использую шаблон MDBootstap для карусели, который выглядит следующим образом:

<div class="carousel-item active">
    <div class="view" style="background-image: url('http://www.fun4all.org/img/vtc.png'); background-repeat: no-repeat; background-size: cover;">
        <!-- Mask & flexbox options-->
        <div class="mask rgba-black-light d-flex justify-content-center align-items-center">
        </div>
        <!-- Mask & flexbox options-->
    </div>
</div>

хотя я попытался изменить шаблон, чтобы иметь возможность отображать данные MySQLi.

Подключение к базе данных выглядит следующим образом: (db.php)

<?php
$conn = mysqli_connect("localhost","highlown_REDACTED","REDACTED");
$db = mysqli_select_db($conn, "highlown_REDACTED");
$query = mysqli_query($conn, "SELECT * FROM images");
$rows = mysqli_num_rows($query);
mysqli_close($conn);

?>

Тогда как я пытался включить его в Галерею

<?php
for ($i=1;$i<$rows;$i++) {
    $row = mysqli_fetch_assoc($query);
?>
        <div class="carousel-item">
            <div class="view" style="background-image: url('http://www.URL.org/gallery/img/upload/<?php echo htmlspecialchars($row['directory']); ?>'); background-repeat: no-repeat; background-size: cover;">

                <!-- Mask & flexbox options-->
                <div class="mask rgba-black-light d-flex justify-content-center align-items-center">

                </div>
                <!-- Mask & flexbox options-->

            </div>
        </div>
<?php
}
?>

Мне действительно не нужно объяснение того, как все это работает, я просто хочу исправить, пожалуйста. Я дам вам знать, если ваш ответ работает или нет.

Большое спасибо, Итан Б. PS, если вам нужна дополнительная информация, дайте мне знать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...