이미지 슬라이드 최신글 정보
최신글 이미지 슬라이드 최신글관련링크
첨부파일
본문
PC버전 이미지 슬라이드 최신글 스킨입니다.
그누보드 기본 JS 첨부 파일인(head.sub.php에서 인클루드) jquery-1.8.3.min.js 파일을 기본 이용합니다.
적용밥법
skin/latest 에 전체 복사후
<?php echo latest('color_jmain_slider5', '게시판아이디', 출력개수, 글자수);?>
로 출력.
출력개수, 이미지 사이즈 등은 내부 코드 참조하셔서, 필요에 맞게 적당히 수정하세요.
추천
5
5
댓글 전체
와!! 정말 어마어마합니다!!! 감사합니다 잘쓰겠습니다!! 추천드리고가요!! ^^&
제작자님 안녕하세요 정말잘쓰고있어요 위에 추천꾹 남겼던 회원인데요 ㅎ 다름이 아니라
이미지 크기만 조정되고 레이어인가..테이블..그거 가로x세로 폭은 어디서 조정하면될까요..*
참고이미지 링크 남겨놓을께요 http://gaedoori.com/sample_image/001.jpg
이미지 크기만 조정되고 레이어인가..테이블..그거 가로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;}
.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; 여기 색상을 바꿔 주시면 됩니다.
.c{overflow:hidden;width:690px;padding:0;margin:0 auto;background-color:#FFFFFF;} // 이 부분에 background-color:#FFFFFF; 여기 색상을 바꿔 주시면 됩니다.
감사합니다
댓글 감사합니다. ^^
대단하십니다
아뇨 대단하긴요~ㅋ
댓글 감사합니다.ㅎㅎ
댓글 감사합니다.ㅎㅎ
감사합니다..
다운과 댓글 감사합니다.^^
잘 사용하고있는 와중에 궁금한점이 생겼습니다 !
처음 최신글 불러오고나면
기존에 지정한 $num 수 만큼 같은 이미지가 반복되서 나타나있는데
$num = 5 개라면 썸네일 , 슬라이드가 처음부터 5개 나타나있는게 아니라
글 하나를 쓸때마다 1개씩 생성되게하려면 어떻게 해야하나요?
처음 최신글 불러오고나면
기존에 지정한 $num 수 만큼 같은 이미지가 반복되서 나타나있는데
$num = 5 개라면 썸네일 , 슬라이드가 처음부터 5개 나타나있는게 아니라
글 하나를 쓸때마다 1개씩 생성되게하려면 어떻게 해야하나요?
5개로 개수를 미리 제한해 두긴하였지만 가장 최근에 올린 글을 기준으로 5개가 나오는것입니다, 글하나를 쓸때마다 마지막에 쓴것이 포함되어 나오는것이죠, 소스코드중 for($i=0; $i<$num; $i++){ 이부분이 두군데 있는데 이것을 for($i=0; $i<count($list); $i++){ 이렇게 바꾸시면 최신글 출력시에 입력하신 개수등의 기준으로 출력됩니다.
아 num 대신 count로 바꾸면 되는군요 ! 공부많이해야겠습니다 ㅠ 감사합니다 ㅎㅎ
좋은 자료와 상세한 설명 감사드립니다
잘쓰겠습니다~~