최신글
bxSlider 이용한 최신글 (갤러리) 스킨입니다. Special Thanks : 김철용님의 최신글 스킨이 없었다면 이것을 만들지 못했을 껍니다. ...
최신글 상단에 슬라이드 넣기
슬라이드로 많이 이용하는 bxslider(http://bxslider.com)를 사용하여 최신글에 슬라이드를 넣는 방법입니다.
bxslider를 압축해제하여 jquery_bxslider 그누보드 root에 업로드한후
index.php파일 안에 아래의 슬라이드 호출코드를 삽입하면 됩니다.
<!--bxslider start --------------------------------------------------->
<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="jquery_bxslider/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="jquery_bxslider/jquery.bxslider.css" rel="stylesheet" />
<ul class="bxslider">
<li><img src="jquery_bxslider/images/view/img_fjords_600_400.jpg"</li>
<li><img src="jquery_bxslider/images/view/img_lights_600_400.jpg" /></li>
<li><img src="jquery_bxslider/images/view/img_forest_600_400.jpg" /></li>
<li><img src="jquery_bxslider/images/view/img_mountains_600_400.jpg" /></li>
</ul>
<script> $(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
<!--bxslider end --------------------------------------------------->
자세한 내용은 첨부한 메모장을 참고하시면 됩니다.
감사합니다.
* 테마에 bxslider 적용하기:
jquery_bxslider 테마에 적용하기:경로를 루트에 올리고 경로를 변경하지 않고
테마적용이나 아웃로그인적용시에도 루트경로를 그대로 사용하니까 작동을 하네요.
http://webguide.co.kr 현재화면이 테마적용한 화면입니다.(2017.9.7)
경로문제인것 같습니다.
* outlogin.skin.1.php
<!--bxslider start --------------------------------------------------->
<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="jquery_bxslider/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="jquery_bxslider/jquery.bxslider.css" rel="stylesheet" />
<h1>small slide</h1>
<ul class="bxslider">
<li><img src="../../images/small_view/v1.png"</li>
<li><img src="../../images/small_view/v2.png" /></li>
<li><img src="../../images/small_view/v3.png" /></li>
<li><img src="../../images/small_view/v4.png" /></li>
</ul>
<script> $(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
<!--bxslider end --------------------------------------------------->
* theme index.php
<!--bxslider start --------------------------------------------------->
<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="jquery_bxslider/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="jquery_bxslider/jquery.bxslider.css" rel="stylesheet" />
<ul class="bxslider">
<li><img src="jquery_bxslider/images/01.jpg"</li>
<li><img src="jquery_bxslider/images/02.jpg" /></li>
<li><img src="jquery_bxslider/images/03.jpg" /></li>
<li><img src="jquery_bxslider/images/04.jpg" /></li>
</ul>
<h1>small slide</h1>
<ul class="bxslider">
|
댓글을 작성하시려면 로그인이 필요합니다.
그누보드5 스킨
2,751건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
최신글
최신글 페이징 처리 페이지는 내부파일에서 간단히 수정가능합니다.. 사용예시 <?phpecho latest('theme/latest_page', 'free', 10, 25);?>...
게시판
@마젠토 님 강좌를 다시 보다가 작년에 재능 기부글이 보여서 만들어 보았습니다.현시간 배포중인 그누보드(간만에 설치 해보았네요.. 2년만인가..)의 기본 basic을 수정 했습니다...
최신글
슬라이드로 많이 이용하는 bxslider(http://bxslider.com)를 사용하여 최신글에 슬라이드를 넣는 방법입니다. bxslider를 압축해제하여 jquery_bxsl...
게시판
글을 등록할 때 각 게시물별로 읽기 레벨을 설정합니다.관리자만 설정 가능합니다.게시판 설정에 있는 읽기 레벨과는 연관이 없습니다.여분필드 wr_1 번을 사용했습니다. basic_...
레이아웃
글쓰기화면에서 날짜를 입력하면 목록화면에서 캘린더 형태로 보여주고 해달 날짜에 등록한 게시물이 표시됩니다. -------------------------------------...
갤러리
Masonry 라이브러리를 사용하여 만든 갤러리 게시판 스킨입니다.
게시판
이번에는 자주쓰일것 같은 스킨입니다. 목록에서 바로보기를 클릭하시면 상세내용을 바로 볼수있는 스킨입니다. 유용하게 사용하시기 바랍니다. PS. 점점 아이디어가 떨어지네요.....
게시판
누구나 수정이 가능합니다. 글 리스트 글 수정 뷰어는 삭제했습니다. ;;;; 수정하고 싶은 내용은 QnA로 .... ;;;;;;; 오전에 할일 없어 한번 만들어봄 .. ...
게시판
json을 이용한 여분필드 확장 베이직 버전 입니다. 사용법은 압축내의 readMe.txt파일에도 기재되어 있습니다. 본게시판은 json을 이용하고 있습니다. json_enco...
게시판
관리자에서 게시판 설정할 시 제일 하단에 있는 여분필드를 이용해서 게시판 폼 추가하는 걸 만들어 봣습니다. 주의사항을 말씀드리면 일단 첨부파일에 write_update.php 는 ...
게시판
안녕하세요! bootstrap admin panel - adminLTE 테마에 이어 게시판 스킨을 배포합니다 부족한 부분 지적 감사드리며 완성도 계속해서 높은 품질의스킨을 배포하...
댓글 12개
테마사용중이라서 테마 index.php에 본문 소스를 넣었는데요.
이미지4장이 그냥 주루룩 나오네요. js 가 적용안되는것 같은데 아무리 비교해봐도 하라는데로 다 한것 같은데 ㅠㅠ 어떻하쥬.
경로문제인지...저도 초보라 양해부탁드립니다.
bxslider.com 여기가서 옵션설정에보면 설정하는 방법이 나옵니다.
# jquery_bxslider 테마에 적용하기:경로를 루트에 올리고 경로를 변경하지 않고
테마적용이나 아웃로그인적용시에도 루트경로를 그대로 사용하니까 작동을 하네요.
http://webguide.co.kr 현재화면이 테마적용한 화면입니다.(2017.9.7)
경로문제인것 같습니다.
* outlogin.skin.1.php
<!--bxslider start --------------------------------------------------->
<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="jquery_bxslider/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="jquery_bxslider/jquery.bxslider.css" rel="stylesheet" />
<h1>small slide</h1>
<ul class="bxslider">
<li><img src="../../images/small_view/v1.png"</li>
<li><img src="../../images/small_view/v2.png" /></li>
<li><img src="../../images/small_view/v3.png" /></li>
<li><img src="../../images/small_view/v4.png" /></li>
</ul>
<script> $(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
<!--bxslider end --------------------------------------------------->
* theme index.php
<!--bxslider start --------------------------------------------------->
<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="jquery_bxslider/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="jquery_bxslider/jquery.bxslider.css" rel="stylesheet" />
<ul class="bxslider">
<li><img src="jquery_bxslider/images/01.jpg"</li>
<li><img src="jquery_bxslider/images/02.jpg" /></li>
<li><img src="jquery_bxslider/images/03.jpg" /></li>
<li><img src="jquery_bxslider/images/04.jpg" /></li>
</ul>
<h1>small slide</h1>
<ul class="bxslider">