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

페이지 정보

루루아빠 2,277 2018.05.06 01:01

평점

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

본문

전체검색 리스트 페이지에서 외부 이미지도 썸네일 사용하기
전체검색에 첨부 혹은 에디터를 통해 업로드된 이미지 외에 동영상, 외부 이미지 썸네일도 보여지도록 수정해 보자
전체검색 리스트 페이지에서 동영상 썸네일 이미지도 사용하기에 추가적인 작업을 하려 한다.

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'].'">';
                    $data['img_src'] = $thumb['src'];
                }
            } else {
                if($thumb['src']) {
                    $data['img_content'] = '<img src="'.$thumb['src'].'" 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'].'" 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'];        //추가 끝

            if (!$thumb['src']) {        //추가 시작 - 외부이미지 썸네일 표시
                $thumb = $eb->make_thumb_from_extra_image($loop1[$idx]['bo_table'], $list[$idx][$i]['wr_id'], $list[$idx][$i]['wr_content'], $eyoom['search_image_width'], $eyoom['search_image_height']);
                if($tpl_name == 'bs') {
                    if($thumb) {
                        $data['img_content'] = '<img class="img-responsive" src="'.$thumb.'">';
                        $data['img_src'] = $thumb;
                    }
                } else {
                    if($thumb['src']) {
                        $data['img_content'] = '<img src="'.$thumb.'" width="'.$board['bo_gallery_width'].'" height="'.$board['bo_gallery_height'].'">';
                        $data['img_src'] = $thumb;
                    }
                }
            }        //추가 끝

        }

        $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}
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,294,055
레벨 96
경험치 1,396,761

Progress Bar 100%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 242413 페이지
제목 글쓴이 날짜 조회 추천
이윰  🏆 1.1.0 패치 후 제목에 쌍따옴표를 넣으면 발생하는 오류 해결책 루루아빠 2015.05.21 3,005 0
이윰  🏆 포인트를 걸고 자료 배포시 포인트 수수료율(%) 변경하기 루루아빠 2015.08.23 2,997 0
이윰  🏆 🎞️ Eyoom Builder 1.1.17 패치 (Start of the Season2) 루루아빠 2015.12.08 2,993 0
이윰  댓글+5🏆 출석부 랭킹 중복 방지하기 shadow2fox 2019.12.16 2,993 4
이윰  댓글+1🏆 이윰빌더 1.1.1 대응 스킨 패치 루루아빠 2015.05.27 2,990 0
이윰  🏆 Eyoom Builder 1.2.0 패치 루루아빠 2015.12.21 2,984 0
이윰  댓글+1🏆 게시판 본문 보기시 제목 글자 수 늘리기 루루아빠 2015.08.06 2,981 0
이윰  댓글+1🏆 일정 레벨 이상만 메뉴 보여주기 루루아빠 2015.03.17 2,977 0
이윰  댓글+1🏆 익명글 사용 시 익명의 포토와 글쓴이 사이드뷰 끄기 루루아빠 2015.12.29 2,976 0
이윰  🏆 메인일 때와 아닐 때 사이드 레이아웃 없애기 루루아빠 2015.05.21 2,965 0
이윰  🏆 관리자는 본문 내용 없이 글 작성하기 루루아빠 2015.04.22 2,955 1
이윰  댓글+1🏆 네비바 상단 배경 넣기 루루아빠 2015.05.16 2,952 0
이윰  🏆 쪽지 페이징 기능 넣기 루루아빠 2015.06.04 2,948 0
이윰  🏆 syntaxhighlighter 관련 오류 수정 및 테마 변경 루루아빠 2015.10.01 2,941 0
이윰  🏆 Eyoom Builder 1.1.7 패치 루루아빠 2015.07.06 2,939 0
이윰  🏆 Eyoom Builder 1.1.12 패치 루루아빠 2015.10.19 2,934 0
이윰  🏆 무한스크롤 사용시 한글로된 분류명을 선택했을때 "IE11"에서 문제점 루루아빠 2015.08.13 2,931 0
이윰  🏆 🎞️ Eyoom Builder 1.1.16 패치 루루아빠 2015.11.19 2,927 0
이윰  🏆 게시글 본문 보기에서 제목 클릭시 글 수정하기 루루아빠 2015.06.04 2,926 0
이윰  🏆 1.1.0 패치 후 카테고리 사용하면 분류 선택시 미등록페이지로 나오는 문제 루루아빠 2015.05.21 2,924 0