원형 썸네일 갤러리 정보
갤러리 원형 썸네일 갤러리첨부파일
본문
위 사이트 비슷하게 만들어봤습니다.
여분필드 1, 2를 사용합니다.
갤러리 이미지 폭과 높이는 각각 202px입니다.
변경한 경우에는
'style.css'의 121라인
#bo_gall .gall_img img{max-width:100%;height:auto !important;border:1px solid #ddd;border-radius:202px}
을 수정하면 됩니다.
이미지를 클릭하면 팝업 창이 뜹니다.
Magnific-Popup은 아래 스킨을 약간 수정했습니다.
제목을 클릭하면 기존의 뷰페이지로 들어갑니다.
PC용 만 올렸습니다.
썸네일은 원형에 꽉 차게 해야 하므로
정사각형 이미지를 첨부하거나
설정에서 크롭하는 것으로 변경해야 합니다.
lib/thumbnail.lib.php 7라인
function get_list_thumbnail($bo_table, $wr_id, $thumb_width, $thumb_height, $is_create=false, $is_crop=true, $crop_mode='center', $is_sharpen=false, $um_value='80/0.5/3')
스킨은
theme/사용테마/skin/board/gallery_circle
로 올려야 합니다.
테마를 사용하지 않는다면
skin/board/gallery_circle
로 올리고
skin/board/gallery_circle/_common.php
를 열어
include_once('../../../../../common.php');
붉은 색 부분을 삭제해주면 됩니다.
팝업 창의 이미지는 가로로 절반 정도만 출력 되게 했습니다.
작지만 온전히 보이게 하려면
ajax.view.skin.php 223, 232 라인
//echo "<div id=\"bo_v_img\">\n";
//echo "</div>\n";
의 주석을 없애면 됩니다.
압축을 풀어보면, 5.2, 5.3, 5.4 버전이 있습니다.
5.2 버전은 갤러리 이미지 폭과 높이가 각각 174px입니다.
변경한 경우에는
'style.css'의 105라인
border-radius:174px
를 수정하면 됩니다.
9
댓글 전체
게을러서 미루고 미루다가 오늘에서야 작업을 시작했습니다.
복사해 붙혀넣는 작업을 반복하며... 자꾸만 눈물이 나네요!
더 편하게 하려면... 그런 팁인지 스킨인지를 어디서 본 듯 합니다.
자료실에서 찾아보세요~