向旋转木马滑块添加图像

时间:2020-08-04 21:10:35

标签: php html

enter image description here

<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>

我想在Carousel Slider中添加一些图像。

我从管理面板发布了图像和标题,并将其保存到数据库。当我从数据库中提取数据时,结果是:请参见我添加了图像。没有图片显示。 enter image description here

<?php
    $veriler = $db->query("SELECT * FROM haberlerekle",PDO::FETCH_ASSOC)->fetchAll();
?>
我认为,代码需要。

2 个答案:

答案 0 :(得分:0)

左上角(https://i.stack.imgur.com/7UgIN.jpg)的符号表示“链接断开”。 这意味着该路径未指向文件。 或者您可能需要绝对/相对路径(HTML showing broken image

确保您尝试粘贴到src属性中的图像的路径确实存在。

U可以通过粘贴

的内容来尝试

$ row [“ haberekle_konu”]

URL后面的

。 如果图像未出现,则路径不正确。

答案 1 :(得分:-1)

最终,我找到了我想要的代码。我找到了youtube。下面的代码和youtube链接。

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>

admin.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>

谢谢您的帮助。