изображения не загружаются внутри карусели

У меня есть карусель на моем сайте, и я хочу загрузить изображения из базы данных, хотя карусель работает нормально, но изображения не загружаются

Просмотр базы данных

    id    image1                   image2               image3
1  carouselimage/image1  carouselimage/image1   carouselimage/image1

в этой таблице будет только одна строка

код для карусели

 <?php
require 'connection.php';
echo "<header id='myCarousel' class='carousel slide'>";
echo "<ol class='carousel-indicators'>";
echo "<li data-target='#myCarousel' data-slide-to='0' class='active'></li>";
echo "<li data-target='#myCarousel' data-slide-to='1'></li>";
echo "<li data-target='#myCarousel' data-slide-to='2'></li>";
echo "</ol>";

echo "<div class='carousel-inner'>";

$sql = "SELECT * FROM carousel_image ";

$result = mysqli_query($con, $sql);
if (mysqli_num_rows($result) > 0)
{
while($row = mysqli_fetch_array($result))
{
$image1=$row['image1'];
$image2=$row['image2'];
$image3=$row['image3'];

echo "<div class='item active'>";
echo "<div class='fill' style='background-image:url('http://example.com/carouselimage/" .$image1."\' height=\'500\' width=\'2000\'/);></div>";
echo "</div>";

echo "<div class='item'>";
echo "<div class='fill' style='background-image:url('http://example.com/carouselimage/" .$image2."\' height=\'500\' width=\'2000\'/);></div>";
echo "</div>";

echo "<div class='item'>";
echo "<div class='fill' style='background-image:url('http://example.com/carouselimage/" .$image3."\' height=\'500\' width=\'2000\'/);></div>";
echo "</div>";
}
}
echo "</div>";

echo "<a class='left carousel-control' href='#myCarousel' data-slide='prev'>";
echo "<span class='icon-prev'></span>";
echo "</a>";
echo "<a class='right carousel-control' href='#myCarousel' data-slide='next'>";
echo "<span class='icon-next'></span>";
echo "</a>";
echo "</header>";

mysqli_close($con);
?>

был бы признателен, если бы кто-то мог помочь мне с кодом