[이윰] 전체검색 리스트 페이지에서 동영상 썸네일 이미지도 사용하기

페이지 정보

yadolee 루루아빠 2,657 2018.05.04 02:52:37

평점

  • 평점 : 0점 (0명 참여)

본문

전체검색 리스트 페이지에서 동영상 썸네일 이미지도 사용하기
이윰빌더 1.3.10 패치로 전체검색 리스트 페이지에서 썸네일 이미지 사용하기 기능이 추가되었으며 동영상 썸네일 이미지도 사용하도록 하자.

1. 그누보드5/eyoom/core/search/search.skin.php를 열어 이미지 사용일 경우를 검색한다.

수정 전

        
        if($eyoom['use_search_image'] == 'y') {
            unset($data['img_content'], $data['img_src']);
            $thumb = get_list_thumbnail($loop1[$idx]['bo_table'], $list[$idx][$i]['wr_id'],$eyoom['search_image_width'], $eyoom['search_image_height']);
            if($tpl_name == 'bs') {
                if($thumb['src']) {
                    $data['img_content'] = '<img class="img-responsive" src="'.$thumb['src'].'" alt="'.$thumb['alt'].'">';
                    $data['img_src'] = $thumb['src'];
                }
            } else {
                if($thumb['src']) {
                    $data['img_content'] = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_gallery_width'].'" height="'.$board['bo_gallery_height'].'">';
                    $data['img_src'] = $thumb['src'];
                }
            }
        }
        
        $loop2[$i] = $data;
    }
수정 후

        
        if($eyoom['use_search_image'] == 'y') {
            unset($data['img_content'], $data['img_src']);
            $thumb = get_list_thumbnail($loop1[$idx]['bo_table'], $list[$idx][$i]['wr_id'],$eyoom['search_image_width'], $eyoom['search_image_height']);
            if($tpl_name == 'bs') {
                if($thumb['src']) {
                    $data['img_content'] = '<img class="img-responsive" src="'.$thumb['src'].'" alt="'.$thumb['alt'].'">';
                    $data['img_src'] = $thumb['src'];
                }
            } else {
                if($thumb['src']) {
                    $data['img_content'] = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_gallery_width'].'" height="'.$board['bo_gallery_height'].'">';
                    $data['img_src'] = $thumb['src'];
                }
            }

            $wr_4 = unserialize($list[$idx][$i]['wr_4']);        //추가 시작 - 외부동영상도 썸네일 표시
            if(!$wr_4) $wr_4 = array();

            if($list[$idx][$i]['wr_4'] && !$thumb['src']) {
                $thumb['src'] = $wr_4['thumb_src'];
                if($thumb['src']) {
                    if($tpl_name == 'bs') {
                        if($thumb['src']) {
                            $data['img_content'] = '<img class="img-responsive" src="'.$thumb['src'].'">';
                            $data['img_src'] = $thumb['src'];
                        } else {
                            $data['img_content'] = '<span style="width:100%;">no image</span>';
                        }
                    } else {
                        if($thumb['src']) {
                            $data['img_content'] = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_gallery_width'].'" height="'.$board['bo_gallery_height'].'">';
                            $data['img_src'] = $thumb['src'];
                        } else {
                            $data['img_content'] = '<span style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">no image</span>';
                        }
                    }
                }
            }
            // 게시물에 동영상이 있는지 결정
            $data['is_video'] = $wr_4['is_video'];        //추가 끝

        }

        $loop2[$i] = $data;
    }

2. 그누보드5/eyoom/설치된 테마/skin_bs/search/basic/search.skin.html을 열어 <!--{? ..img_content}-->를 검색하여 다음과 같이 수정한다.
수정 전

                    <!--{? ..img_content}-->
                    <div class="result-list-image">
                        <a class="search-result-image">
                            {..img_content}
                        </a>
                    </div>
                    <!--{/}-->
수정 후

                    <!--{? ..img_content}-->
                    <div class="result-list-image">
                        <!--{? ..is_video}--><span class="video-icon"><i class="far fa-play-circle"></i></span><!--{/}-->        <!-- 동영상 폰트어썸 표시 -->
                        <div class="search-result-image">
                            {..img_content}
                        </div>
                    </div>
                    <!--{/}-->
동영상 아이콘(폰트어썸)을 위해 상단 스타일 정의 .search-result-list .result-list .result-list-image 아래에 다음과 같은 스타일을 적용한다.

.search-result-list .result-list .video-icon{position:absolute;top:5px;left:5px;color:#fff;font-size:15px;line-height:15px;z-index:1}
추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,333,468
레벨 100
경험치 1,489,829

Progress Bar 16.1%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 24239 페이지

제목 글쓴이 날짜 조회 추천
이윰  🏆 무한스크롤을 사용하는 게시판에서 검색시 나타나는 버그 수정하기 루루아빠 2015.08.17 3,355 0
이윰  🏆 배너 광고 설정법 루루아빠 2015.05.20 3,355 0
이윰  🏆 인기검색어 노출수, 기간 설정하기 루루아빠 2017.09.03 3,330 1
이윰  🏆 이윰빌더 1.1.2 패치 내용에 레벨 관련 추가 패치 루루아빠 2015.06.01 3,327 0
이윰  댓글+1🏆 1.1.2 패치후 카테고리 분류 게시판 분류 선택시 미등록페이지로 나오는 문제점 루루아빠 2015.06.04 3,318 0
이윰  🏆 Eyoom Builder 1.2.3 패치 루루아빠 2016.03.29 3,297 0
이윰  🏆 이윰 레벨업 관련 push(푸시) 메세지 오류 루루아빠 2015.06.15 3,294 0
이윰  🏆 Eyoom Builder 1.3.5 패치 루루아빠 2017.11.21 3,282 0
이윰  🏆 게시판 basic 스킨 목록 보기에서 가운데로 정렬하기 루루아빠 2015.04.10 3,281 0
이윰  🏆 Eyoom Builder 1.1.12 패치 루루아빠 2015.10.19 3,274 0
이윰  🏆 Eyoom Builder 1.1.2 패치 루루아빠 2015.06.01 3,273 0
이윰  🏆 🎞️ Eyoom Builder 1.1.17 패치 (Start of the Season2) 루루아빠 2015.12.08 3,270 0
이윰  🏆 connect_basic 스킨 모바일에서 스크롤 문제 루루아빠 2015.06.01 3,268 0
이윰  🏆 샵커뮤니티 테마 스위쳐 패치 루루아빠 2015.06.25 3,253 0
이윰  🏆 쪽지 페이징 기능 넣기 루루아빠 2015.06.04 3,249 0
이윰  댓글+1🏆 게시판 본문 보기시 제목 글자 수 늘리기 루루아빠 2015.08.06 3,246 0
이윰  🏆 사이드바 없애기 루루아빠 2015.04.22 3,245 1
이윰  🏆 📸 인터넷익스플로어에서 회원가입 폼 '정보공개' 체크 안되는 점 수정 루루아빠 2015.05.29 3,242 0
이윰  🏆 1.1.0 패치 후 제목에 쌍따옴표를 넣으면 발생하는 오류 해결책 루루아빠 2015.05.21 3,235 0
이윰  🏆 상단바 특정 메뉴 레벨에 따라 감추기 루루아빠 2015.05.22 3,228 0
이윰  댓글+1🏆 일정 레벨 이상만 메뉴 보여주기 루루아빠 2015.03.17 3,223 0
이윰  🏆 Bootstrap's Accordion 모두 펼치기 루루아빠 2015.10.20 3,222 0
이윰  🏆 Eyoom Builder 1.2.2 패치 루루아빠 2016.02.18 3,216 0
이윰  댓글+1🏆 이윰빌더 1.1.1 대응 스킨 패치 루루아빠 2015.05.27 3,216 0
이윰  🏆 메인일 때와 아닐 때 사이드 레이아웃 없애기 루루아빠 2015.05.21 3,216 0
이윰  댓글+1🏆 익명글 사용 시 익명의 포토와 글쓴이 사이드뷰 끄기 루루아빠 2015.12.29 3,209 0
이윰  🏆 Eyoom Builder 1.1.7 패치 루루아빠 2015.07.06 3,202 0
이윰  🏆 첫 번째 이미지 파일 첨부 후 본문에는 첫 번째 첨부 이미지 보이지 않게 루루아빠 2016.08.05 3,194 0
이윰  🏆 무한스크롤 사용시 한글로된 분류명을 선택했을때 "IE11"에서 문제점 루루아빠 2015.08.13 3,194 0
이윰  🏆 모바일에서 btn-e-xs 버튼 크기로 간격 조절 루루아빠 2015.10.09 3,187 0