Loading images to bootstrap carousel from a mysql database using PDO ( fetchall problem)

require_once '..\Config.php';

$dbCon = "mysql:host=$host;dbname=$db_name";
$conn = new PDO($dbCon, $username, $password);
$getquery = $conn->prepare('SELECT (imageurl) FROM special');
$getquery->execute();
$result = $getquery->fetchall();
echo $result['imageurl'];

<div id="demo" class="carousel slide" data-ride="carousel">

  <!-- Indicators -->
  <ul class="carousel-indicators">
  <?
    $i = 0;
    foreach($result as $row){
        $actives = '';
    if($i == 0){
        $actives ='active';
    }
    ?>
    <li data-target="#demo" data-slide-to="<?= $i; ?>" class="<?= $actives;?>"></li>
    <? $i++ ; }?>
  </ul>

  <!-- The slideshow -->
  <div class="carousel-inner">
  <?
    $i = 0;
    foreach($result as $row){
        $actives = '';
    if($i == 0){
        $actives ='active';
    }
    ?>
    <div class="carousel-item  <?= $actives;?>">
      <img src="<?= $row['imageurl']?>">
    </div>
    <? echo $row['imageurl'];?>
    <? $i++; }?>
  </div>

  <!-- Left and right controls -->
  <a class="carousel-control-prev" href="#demo" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>