이미지가 출력이 안됩니다.
본문
<img class="card-img-top mb-2" src="<?php echo $img_content; ?>" alt=""/>
최근게시물
이미지가 출력이 안됩니다.
원인이 무엇이죠?
감사합니다.
<!-- Blog Start -->
<div class="container-fluid pt-5">
<div class="container">
<div class="text-center pb-2">
<p class="section-title px-5"><span class="px-2">Latest Blog</span></p>
<h1 class="mb-4">Latest Articles From Blog</h1>
</div>
<div class="row pb-3">
<?php
for ($i=0; $i<count($list); $i++) {
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);
if($thumb['src']) {
$img = $thumb['src'];
} else {
$img = G5_IMG_URL.'/no_img.png';
$thumb['alt'] = '이미지가 없습니다.';
}
$img_content = '<p style="background-image: url('.$img.');"></p>';
?>
<div class="col-lg-4 mb-4">
<div class="card border-0 shadow-sm mb-2">
<img class="card-img-top mb-2" src="<?php echo $img_content; ?>" alt=""/>
<div class="card-body bg-light text-center p-4">
<h4 class="">Diam amet eos at no eos</h4>
<div class="d-flex justify-content-center mb-3"> <small class="mr-3"><i class="fa fa-user text-primary"></i> Admin</small> <small class="mr-3"><i class="fa fa-folder text-primary"></i> Web Design</small> <small class="mr-3"><i class="fa fa-comments text-primary"></i> 15</small>
</div>
<p><?php echo $list[$i]['content'];?>...</p> <a href="" class="btn btn-primary px-4 mx-auto my-2"><?php echo $list[$i]['datetime2'] ?></a>
</div>
</div>
</div>
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<li class="empty_li">게시물이 없습니다.</li>
<?php } ?>
</div>
</div>
</div>
<!-- Blog End -->
답변 4
<img class="card-img-top mb-2" src="<?php echo $img; ?>" alt=""/>
소스만 봤을댄 이미지 img_content 를 p태그로 백그라운드로 하셨는데 img 태그에 해당을 쓰셨네요. 해당 소스를 수정하시면 될거 같습니다.
$img_content = '<p style="background-image: url('.$img.');"></p>';
가로 세로 크기를 지정해 주세요.
답변 감사합니다.