因此,我想为我的网站创建一个轮播画廊,以便所有者可以根据需要更改背景图片,并随意删除图片。
图像已经可以上传了,但是,要在轮播中显示图像是很困难的。
我正在为旋转木马使用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
}
?>
我真的不需要解释这些东西是如何工作的,我只想纠正一下。我会告诉您您的答案是否有效。
非常感谢,EthanB。 PS,如果您需要更多信息,请告诉我。