<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();
?>
答案 0 :(得分:0)
左上角(https://i.stack.imgur.com/7UgIN.jpg)的符号表示“链接断开”。 这意味着该路径未指向文件。 或者您可能需要绝对/相对路径(HTML showing broken image)
确保您尝试粘贴到src属性中的图像的路径确实存在。
U可以通过粘贴
的内容来尝试URL后面的$ row [“ haberekle_konu”]
。 如果图像未出现,则路径不正确。
答案 1 :(得分:-1)
最终,我找到了我想要的代码。我找到了youtube。下面的代码和youtube链接。
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>
谢谢您的帮助。