그누보드 5.3.X 버전 메인 슬라이드 이미지 관리 게시판 및 최신글(PC버전) 정보
레이아웃 그누보드 5.3.X 버전 메인 슬라이드 이미지 관리 게시판 및 최신글(PC버전)
관련링크
첨부파일
본문
- 2018.04.05
- 메인페이지 공지사항이 있을 경우 충돌이 일어나는 부분 수정되었습니다.
- 수정된 파일은 skin/latest/mainimages/jquery.bxslider.css 파일입니다.
- 이전에 다운로드 받으셨던 분들은 해당 파일을 업데이트 해주시면 됩니다.
그누보드 5.3.X 버전 메인 슬라이드 이미지 관리 게시판 및 최신글입니다.
메인페이지에 이미지 슬라이더를 쉽게 관리할 수 있도록 제작되었습니다.
최신글 스킨과 게시판 스킨 2가지가 압축되어있습니다.
PC버전만 있습니다. 모바일 버전은 응용하셔서 적용하셔야 합니다.
적용 순서
mainimages 게시판 생성
- 게시판 사용스킨 mainimages
- 목록보기 권한 10
- 글읽기 권한 10
- 글쓰기 권한 10
- 글답변 권한 10
- 댓글쓰기 권한 10
- 링크 권한 10
- 업로드 권한 10
- 다운로드 권한 10
- HTML 쓰기 권한 10
- DHTML 에디터 사용 : 사용안함
- 파일 업로드 개수 : 1
- 갤러리 이미지 폭 : 사용자 지정
- 갤러리 이미지 높이 : 사용자 지정
- 갤러리 이미지 폭, 갤러리 이미지 높이 에 지정된 사이즈로 메인페이지에 썸네일 이미지가 생성됩니다.
게시글 등록 후 최신글 적용
<?php // 이 함수가 바로 최신글을 추출하는 역할을 합니다. // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수); // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
echo latest('mainimages', 'mainimages', 5, 23); ?>
특징
메인페이지에 슬라이더 이미지를 손쉽게 관리할 수 있습니다.
게시판 설정의 이미지 넓이와 이미지 높이가 메인페이지에 적용됩니다(글쓰기 페이지에서 안내)
링크가 있을 경우 적용 없을 경우 무반응 됩니다.
제목이 있을 경우 제목 노출 제목이 없을 경우 제목없음 으로 입력하면 제목이 노출되지 않습니다.(글쓰기 페이지에서 안내)
최신글 미리보기
관리목록
글쓰기 페이지
추천
20
20
댓글 전체
감사합니다~~~!
선추천 후다운갑니다~
멋지네요, 감사합니다^^
감사합니다. 잘쓸꼐요
감사합니다.
감사합니다~
감사합니다.
혹시 초보자에 맞게 설명 가능 하신 분 있으시면 부탁 드려요
감사합니다^^
메인페이지에 딱이네요
감사합니다.^^
감사합니다 잘 사용하겠습니다^^
감사합니다. 아주 좋은데요.
저는 적용해보니. 로그인창 위에 공지사항이랑 충돌이 나는지 깨지네요?
혹 왜그런지 알수 있을까요?
저는 적용해보니. 로그인창 위에 공지사항이랑 충돌이 나는지 깨지네요?
혹 왜그런지 알수 있을까요?
공지사항의 코드와 겹치는 부분이 있어 오류사항을 수정한 파일로 업데이트 했습니다.
공지사항 부분은 확인을 못했었네요^^
다시 다운로드 받으셔서 skin/latest/mainimages/ 폴더를 덮어씌워 주시면 됩니다.
공지사항 부분은 확인을 못했었네요^^
다시 다운로드 받으셔서 skin/latest/mainimages/ 폴더를 덮어씌워 주시면 됩니다.
좋네요~ 그런데 옆으로 자동 넘어가진 않네요;;ㅜㅜ
latest.skin.php 하단의
<?php if (count($list)) { //게시물이 있다면 ?>
<script>
$('.mainImages_<?php echo $board['bo_table']?> ul').bxSlider({
hideControlOnEnd: true,
pager:true,
});
</script>
<?php } ?>
위 부분에 auto: true, 를 추가해 주시면 자동 슬라이딩 됩니다.
변경코드
<?php if (count($list)) { //게시물이 있다면 ?>
<script>
$('.mainImages_<?php echo $board['bo_table']?> ul').bxSlider({
hideControlOnEnd: true,
auto: true,
pager:true,
});
</script>
<?php } ?>
<?php if (count($list)) { //게시물이 있다면 ?>
<script>
$('.mainImages_<?php echo $board['bo_table']?> ul').bxSlider({
hideControlOnEnd: true,
pager:true,
});
</script>
<?php } ?>
위 부분에 auto: true, 를 추가해 주시면 자동 슬라이딩 됩니다.
변경코드
<?php if (count($list)) { //게시물이 있다면 ?>
<script>
$('.mainImages_<?php echo $board['bo_table']?> ul').bxSlider({
hideControlOnEnd: true,
auto: true,
pager:true,
});
</script>
<?php } ?>
감사합니다.
저 정말 죄송한데 설명을 잘 모르겠습니다.. 어떻게 적용하시는지 좀 초보자 입장으로 알려주실 수 있나요. 그래도 아이티 수업 4개월 정도는 들었는데 나름 적용한다고 다 건드려봤는데 잘모르겠네요 부탁드립니다 ㅠㅠ
감사합니다. 잘쓰겠습니다.
이미지 최적 사이즈는 얼마인가요?
감사합니다.
감사합니다^^
좋은 스킨 감사합니다..
혹시 가로폭 꽉차게 100% 로 하는 방법은 어떻게 되나요???
혹시 가로폭 꽉차게 100% 로 하는 방법은 어떻게 되나요???
감사합니다~ !!
감사합니다. 혹시 쓰는 내용을 입력하세요라고 팝업창이 계속 뜨는데 어떻게 해야 할까요?
너무 잘 쓰고 있는데요~ 롤링 속도 조절은 힘들까요?
감사합니다
감사합니다!
감사합니다
감사드립니다
감사드립니다.
탑배너로 응용해서 적용했습니다. 정말 감사합니다.
