php - Adding Image to Carousel Slider

Solution:

The symbol the top left cornor(https://i.stack.imgur.com/7UgIN.jpg) indicates a "broken link". This means, the path does not point on a File. Or u maybe need a absolute/relativ path(HTML showing broken image)

Make sure the path of the image u try to paste in the src-attribute is realy there.

U can try it by pasting the content of

$row["haberekle_konu"]

behind the URL. If the image not appear, the path ist not correct.

Answer

Solution:

Eventually i found the codes i was looking for. i found youtube. The codes and youtube link below.

Youtube Link

slider.php

    <?php
    $veriler = $db->query("SELECT * FROM haberlerekle ORDER BY haberekle_id DESC LIMIT 12",PDO::FETCH_ASSOC)->fetchAll();
/*  $veriler = $db->query("SELECT * FROM haberlerekle ORDER BY haberekle_id DESC LIMIT 7"PDO::FETCH_ASSOC)->fetchAll();  */
    ?>
    
    <div id="demo" class="carousel slide" data-ride="carousel">
    <ul class="carousel-indicators">
    <?php
    $i = 0;
    foreach ($veriler as $row) {
        $actives = '';
        if($i == 0) {
            $actives = 'active';
        }
    ?>
    <li data-target="#demo" data-slide-to="<?php echo $i; ?>" class="<?php echo $actives; ?>"></li>
    <?php $i++; } ?>
    </ul>
    <div class="carousel-inner">
  
      <?php
        $i = 0;
        foreach ($veriler as $row) {
        $actives = '';
            if($i == 0) {
            $actives = 'active';
            }
      ?>
  
      <div class="carousel-item <?php echo $actives; ?>">
      <img src="upload/images/<?php echo $row['haberekle_konu']; ?>" width="832" height="502">
      <div class="carousel-caption">
      <p><?php echo $row["haberekle_baslik"]; ?></p>
      </div>   
      </div>
    
      <?php $i++; } ?>
    
      </div>
      <a class="carousel-control-prev" href="#demo" data-slide="prev">
      <span class="carousel-control-prev-icon"></span>
      </a>
      <a class="carousel-control-next" href="#demo" data-slide="next">
      <span class="carousel-control-next-icon"></span>
      </a>
      </div>

Source