이미지 슬라이드 최신글 > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

이미지 슬라이드 최신글 정보

최신글 이미지 슬라이드 최신글

첨부파일

color_jmain_slider5.zip (10.4K) 62회 다운로드 2018-11-05 23:33:17 포인트 차감16

본문

PC버전 이미지 슬라이드 최신글 스킨입니다.

그누보드 기본 JS 첨부 파일인(head.sub.php에서 인클루드) jquery-1.8.3.min.js 파일을 기본 이용합니다. 


적용밥법

skin/latest 에 전체 복사후

<?php echo latest('color_jmain_slider5', '게시판아이디', 출력개수, 글자수);?>

로 출력.

 

출력개수, 이미지 사이즈 등은 내부 코드 참조하셔서, 필요에 맞게 적당히 수정하세요.

 

 

스킨 미리보기

 

 

추천
5

댓글 전체

제작자님 안녕하세요 정말잘쓰고있어요 위에 추천꾹 남겼던 회원인데요 ㅎ 다름이 아니라
이미지 크기만 조정되고 레이어인가..테이블..그거 가로x세로 폭은 어디서 조정하면될까요..*
참고이미지 링크 남겨놓을께요 http://gaedoori.com/sample_image/001.jpg
이미지의 경우는 실시간 썸네일을 만들어서 자동 리사이즈 합니다, 그 과정에서 비율 문제로 크기가 안맞는 경우가 있을 수 있구요, CSS 소스 수정은....

.c{overflow:hidden;width:690px;padding:0;margin:0 auto;background-color:#FFFFFF;}
.c1{height: 491px;margin:20px 0;*overflow:hidden;}
.c1_l{float: left;width: 690px;height: 491px;}
.c1_slide{width: 690px;height: 400px;position: relative;overflow: hidden;}
.c1_slide ul{width: 3500px;height: 400px;position: absolute;top: 0;left: 0;}

// 이 부분이 프레임 틀 크기 부분이구요, 가로 세로값을 큰 이미지 값과 아래 작은 이미지값을 더한 세로값을 수정해 주시면 되시구요, 그 아래....

.c1_l{float: left;width: 690px;height: 491px;}
.c1_slide{width: 690px;height: 400px;position: relative;overflow: hidden;}
.c1_slide li{float: left;width: 690px;height: 100%;position: relative;}

// 이 부분들 도 이미지 사이즈와 같이 수정해 주시면 되십니다.

아래 작은 이미지 백그라운드 프레임 틀의 경우는....

.c1_paging li b{background: url(<?=$latest_skin_url?>/img/opacity.png) no-repeat 0 0;width:110px;height: 65px;}

// 이 부분 작은 이미지 크기와 같게 수정해 주시면 되십니다.

잘 안되시면, 전체적으로 각 항목에 width: 값과, height: 값을 조금 만지셔서 적용해 보시면 아실겁니다.

다운과 추천 감사합니다. ^^
아 그리고 지금 테스트 하신 사이트의 백그라운드가 같은 흰색이라 영역이 잘 구분이 안가는데, 수정 작업하실때 알아보기 쉽게 색을 변경하시면 더 알아보기 편할것 같네요.

.c{overflow:hidden;width:690px;padding:0;margin:0 auto;background-color:#FFFFFF;} // 이 부분에 background-color:#FFFFFF; 여기 색상을 바꿔 주시면 됩니다.
잘 사용하고있는 와중에 궁금한점이 생겼습니다 !
처음 최신글 불러오고나면
기존에  지정한 $num  수 만큼 같은 이미지가 반복되서 나타나있는데
$num = 5  개라면  썸네일 , 슬라이드가 처음부터 5개 나타나있는게 아니라
글 하나를 쓸때마다 1개씩 생성되게하려면 어떻게 해야하나요?
5개로 개수를 미리 제한해 두긴하였지만 가장 최근에 올린 글을 기준으로 5개가 나오는것입니다, 글하나를 쓸때마다 마지막에 쓴것이 포함되어 나오는것이죠, 소스코드중 for($i=0; $i<$num; $i++){ 이부분이 두군데 있는데 이것을 for($i=0; $i<count($list); $i++){ 이렇게 바꾸시면 최신글 출력시에 입력하신 개수등의 기준으로 출력됩니다.
전체 2,423 |RSS
그누보드5 스킨 내용 검색

회원로그인

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