이미지 슬라이드 최신글
PC버전 이미지 슬라이드 최신글 스킨입니다.
그누보드 기본 JS 첨부 파일인(head.sub.php에서 인클루드) jquery-1.8.3.min.js 파일을 기본 이용합니다.
적용밥법
skin/latest 에 전체 복사후
<?php echo latest('color_jmain_slider5', '게시판아이디', 출력개수, 글자수);?>
로 출력.
출력개수, 이미지 사이즈 등은 내부 코드 참조하셔서, 필요에 맞게 적당히 수정하세요.
첨부파일
그누보드5 스킨
2,751건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
Explorer에서만 작동합니다. 익스플로러 이외의 브라우저에서는 작동하지 않으니 참고해 주세요 홈페이지 배경음악 쥬크박스는 IE11 전용입니다. 크롬이나 기타 OS 및 안...
포트폴리오 최신글 등에 활용하면 좋을듯 한 반응형 썸네일 그리드 이미지 최신글 스킨입니다. 그누보드 기본 JS 첨부 파일인(head.sub.php에서 인클루드) jquery-1...
간단한 PC버전 배너형 이미지 슬라이드 최신글 스킨입니다. 그누보드 기본 JS 첨부 파일인(head.sub.php에서 인클루드) jquery-1.8.3.min.js 파일을 기본 이...
유료판매중인 아이스크림S9 에 있는 일부기능을 무료로 오픈하는 것입니다 http://icecreamplay.cafe24.com -----------------------------...
목록화면에서 이미지위에 마우스를 올리면 효과를 줍니다. -------------------------------------------------------------------...
배너 최신글 등에 사용하면 좋을듯 한 간단한 PC버전 이미지 슬라이드 최신글 스킨입니다. 적용밥법 skin/latest 에 전체 복사후 <?php echo latest('color...
PC버전 이미지 슬라이드 최신글 스킨입니다. 그누보드 기본 JS 첨부 파일인(head.sub.php에서 인클루드) jquery-1.8.3.min.js 파일을 기본 이용합니다. 적...
배너 최신글 등에 사용하면 좋을듯 한 간단한 PC버전 썸네일 플립효과 이미지 최신글 스킨입니다. 그누보드 기본 JS 첨부 파일인(head.sub.php에서 인클루드) jquery-...
간단한 PC버전 썸네일 생성 메인 이미지 스크롤 슬라이드 최신글 스킨입니다. 그누보드 기본 JS 첨부 파일인(head.sub.php에서 인클루드) jquery-1.8.3.min...
댓글 15개
이미지 크기만 조정되고 레이어인가..테이블..그거 가로x세로 폭은 어디서 조정하면될까요..*
참고이미지 링크 남겨놓을께요 http://gaedoori.com/sample_image/001.jpg
.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개씩 생성되게하려면 어떻게 해야하나요?