Добавление изображения в слайдер карусели

Question

введите описание изображения здесь

<div id="demo" class="carousel slide" data-ride="carousel">
    <?php $count = count($veriler);?>
    <ul class="carousel-indicators">
    <?PHP 
     $i=0;
    for ($i=0;$i<$count;$i++) { ?>
        <li data-target="#demo" data-slide-to="<?php echo $i; ?>"></li>
    <?php }  ?>
    </ul>
    <div class="carousel-inner">
    <?php
    $j=0;
    foreach ($veriler as $row) {  ?>
        <div class="item <?php if($j==0) { echo "active"; } ?>">
            <div style="max-width:1100px; max-height:500px;">
                <img src=" <?php echo $row["haberekle_konu"]; ?>" alt="Los Angeles">
            </div>
            <div class="carousel-caption">
                <h3> <?php echo $row["haberekle_baslik"]; ?> </h3>
            </div>
        </div>
        <?php $j++; } ?>
    </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>

Я хочу добавить в слайдер карусели несколько изображений.

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

<?php
    $veriler = $db->query("SELECT * FROM haberlerekle",PDO::FETCH_ASSOC)->fetchAll();
?>

думаю, что коды нужны.

Answer 1

В конце концов я нашел коды, которые искал. я нашел YouTube. Коды и ссылка на YouTube ниже.

Youtube Link

слайдер. 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>

админ. php

        <?php
        if(isset($_POST['resimyukle'])) {
        $yazi = $_POST['haberekle_baslik'];
        $yukleklasor  = "../../../upload/images";
        $tmp_name     = $_FILES['yukle_resim']['tmp_name'];
        $name         = $_FILES['yukle_resim']['name'];
        $boyut        = $_FILES['yukle_resim']['size'];
        $tip          = $_FILES['yukle_resim']['type'];
        $uzanti       = substr($name,-4,4);
        $rasgelesayi1 = rand(10000,50000);
        $rasgelesayi2 = rand(10000,50000);
        $resimad      = $rasgelesayi1.$rasgelesayi2.$uzanti;
        
        //dosya var mı kontrol
        if(strlen($name) == 0) {
            echo "Bir Dosya Seçiniz";
            exit();
        }
        
        //boyut kontrol
        if($boyut > (1024*1024*3)) {
            echo "Dosya Boyutu Çok Fazla";
            exit();
        }
        
        //tip kontrol
        if($tip != 'image/jpeg' && $tip != 'image/png' && $uzanti != '.jpg') {
            echo "Yalnızca jpeg veya png formatında olabilir";
        }
        
        move_uploaded_file($tmp_name, "$yukleklasor/$resimad");
        
        $resimsor = $db->prepare("INSERT INTO haberlerekle set haberekle_konu=:ad, haberekle_baslik=:baslik");
        $resimyukle = $resimsor->execute(array('ad'=> $resimad, 'baslik'=> $yazi));
        
        }

        ?>
        
        <form action="" method="post" enctype="multipart/form-data">
        <input type="text" name="haberekle_baslik" size="100"></input><br><br>
        <input type="file" name="yukle_resim" /><br>
        <input type="submit" value="Yükle" name="resimyukle" />
        </form>

Спасибо за вашу помощь.

Answer 2

<?php
    $veriler = $db->query("SELECT * FROM haberlerekle",PDO::FETCH_ASSOC)->fetchAll();
    ?>
    
    <div id="demo" class="carousel slide" data-ride="carousel">
    <?php $count = count($veriler);?>
    <ul class="carousel-indicators">
    <?PHP 
     $i=0;
    for ($i=0;$i<$count;$i++) { ?>
        <li data-target="#demo" data-slide-to="<?php echo $i; ?>"></li>
    <?php }  ?>
    </ul>
    
    <div class="carousel-inner">
    
    <?php
    $j=0;
    foreach ($veriler as $row) {  ?>
        <div class="item <?php if($j==0) { echo "active"; } ?>">
 
            <div style="max-width:1100px; max-height:500px;">
    
            <?php echo $row["haberekle_konu"]; ?> 
            </div>
            <div class="carousel-caption">
                <h3> <?php echo $row["haberekle_baslik"]; ?> </h3>
            </div>
        </div>
        <?php $j++; } ?>
    </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>

результат этого кода: см. Добавленные изображения. введите описание изображения здесь

я добавляю изображение, и когда я добавляю второе изображение, создается ниже. Как только я добавил изображение. Но я хотел: Ползунок Craeting.

Answer 3

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

<?php
$veriler = $db->query("SELECT * FROM haberlerekle",PDO::FETCH_ASSOC)->fetchAll();
?>

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

Answer 4

слайдер. php

<?php
    $veriler = $db->query("SELECT * FROM haberlerekle ORDER BY id DESC LIMIT 10",PDO::FETCH_ASSOC)->fetchAll();
    ?>

<div id="demo" class="carousel slide" data-ride="carousel">
    <?php $count = count($veriler);?>
    <ul class="carousel-indicators">
    <?php
     $i=0;
    for ($i=0;$i<$count;$i++) { ?>
        <li data-target="#demo" data-slide-to="<?php echo $i; ?>"></li>
    <?php }  ?>
    </ul>
    <div class="carousel-inner">
    <?php
    $j=0;
    foreach ($veriler as $row) {  ?>
        <div class="item <?php if($j==0) { echo "active"; } ?>">
            <div style="max-width:1100px; max-height:500px;">
                <img src=" <?php echo $row["haberekle_konu"]; ?>" alt="Los Angeles">
            </div>
            <div class="carousel-caption">
                <h3> <?php echo $row["haberekle_baslik"]; ?> </h3>
            </div>
        </div>
        <?php $j++; } ?>
    </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>

admin. php - часть админа. php - думаю, все админ. php ненужно. если это важно, теперь могу поделиться.

<form>
       <input name="haberekle_baslik" size="100"></input><br><br>
       Başlık <br>
       <textarea name="editor1" cols="150" rows="30"></textarea><br>
       <input type="submit" name="submit" value="Yayınla" style="margin-top:5px;">
       <a href="index.php" class="btn btn-info" role="button" style="margin-top:5px;">Yeni Ekle</a>
       </form>

       <?php
    
        if (isset($_REQUEST['editor1']) && !empty($_REQUEST['editor1'])) {
        $baslik = $_REQUEST['haberekle_baslik'];
        $content = $_REQUEST['editor1'];
        
        
        } else {
        echo "Lütfen Metin Alanını Doldurunuz";
        }

            if (isset($_REQUEST['submit'])) {
     
    
                if (isset($content) && !empty($content)) {
        
                }
            } 
      
    $haberekle = $db->prepare("INSERT INTO haberlerekle (haberekle_baslik, haberekle_konu) VALUES (:baslik, :konu)");
    $haberekle->bindValue(':baslik', $baslik, PDO::PARAM_STR);
    $haberekle->bindValue(':konu', $content, PDO::PARAM_STR);
    $isle = $haberekle->execute();
    if($isle) echo 'ok';
    else echo 'no';

    ?>

См. Добавленные мной изображения Для хранилища изображений я выбрал «BLOB», но он снова не работает. введите описание изображения здесь введите описание изображения здесь

Answer 5

Символ в верхнем левом углу (https://i.stack.imgur.com/7UgIN.jpg) указывает на «неработающую ссылку». Это означает, что путь не указывает на файл. Или вам может понадобиться абсолютный / относительный путь (HTML, показывающий сломанное изображение )

Убедитесь, что путь к изображению, который вы пытаетесь вставить в атрибут sr c, действительно там.

Вы можете попробовать это, вставив содержимое

$ row ["haberekle_konu"]

за URL. Если изображение не появляется, значит, путь неверный.