latest 게시판 썸네일을 배경 스타일로 불러 들이는 거요~

latest 게시판 썸네일을 배경 스타일로 불러 들이는 거요~

QA

latest 게시판 썸네일을 배경 스타일로 불러 들이는 거요~

본문

<div class="sct_img" style="<?php echo run_replace('thumb_image_tag', $img_content, $thumb); ?>">

이 부분인데요

이미지 형태가 아니라 배경으로 썸네일이 나오게 하고 싶은데 저걸 어떻게 수정해야 하나요?

 

 


<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
$thumb_width = 350;
$thumb_height = 300;
$list_count = (is_array($list) && $list) ? count($list) : 0;
?>
<!----- BEST ART 슬라이드 MAX 12개 (4개씩 묶음이동) ----->
<section class="best">
    <div class="best-slider-wrap" data-aos="fade-up">
        <!-- 메인상품진열 시작 { -->
        <div class="best-slider">
            <ul class="swiper-wrapper sct sct_20">
                <?php
                for ($i=0; $i<$list_count; $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 = '<img src="'.$img.'" alt="'.$thumb['alt'].'" >';
                ?>
                
                <li class="swiper-slide sct_li">
                    <a href="<?php echo $list[$i]['href'] ?>" >
                    <div class="li_wr">
                        <div class="sct_img_wrap">
                            <div class="sct_img" style="<?php echo run_replace('thumb_image_tag', $img_content, $thumb); ?>">
                                
                            </div>
                        </div>
                        <div class="sct_desc"><span><?php echo $list[$i]['ca_name'] ?></span>
                            <p><?php echo $list[$i]['wr_4'] ?></p>
                        </div>
                        <div class="sct_cost">52%<span class="price_cost"><strong><?php echo $list[$i]['wr_5'] ?></strong>원</span>
                        </div>
                    </div>
                    </a>
                </li>
                <?php }  ?>
        
        <?php if ($list_count == 0) { //게시물이 없을 때  ?>
            준비중
        <?php }  ?>
            </ul>
        </div>
        <div class="swiper-button-prev cursor-able"></div>
        <div class="swiper-button-next cursor-able"></div>
        <div class="swiper-pagination"></div><!-- } 상품진열 끝 -->
    </div>
</section>
  

 

 

이 질문에 댓글 쓰기 :

답변 2

※ 스타일에 background-image로 변경한 구문을 추가하세요.


<div class="sct_img" style="background-image: url('<?php echo $img; ?>'); background-size: cover; background-position: center;">

  - 이미지를 조절하느냐/추가하느냐의  차이 아닐까요?

 

♣ $img $thumb['alt'] 다음에 - 아래의 코드로-

  글쓴이의 url이 잘 담겼는 지 확인 하세요.


<?php
// 디버깅 정보 출력
echo "<p>글쓴이 URL - " . htmlspecialchars($img) . "</p>";
echo "<p>이미지_Tag의 ALT - " . htmlspecialchars($thumb['alt']) . "</p>";

  

style 내부에 background:url("<?=run_replace('thumb_image_tag', $img_content, $thumb); ?>") no-repeart 넣어서해보세요

답변을 작성하시기 전에 로그인 해주세요.
전체 126,865 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT