,
갤러리스킨 - unitegallery
그누보드5를 위한 갤러리 스킨은 이미 다양하게 제공되고 있습니다.
Unite Gallery는 http://unitegallery.net/에서 2014년부터 제공하는 것으로 다양한 기능, 테마를 제공합니다.
출처 적용방법 :
1. 문서의 <head></head>부분에
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
<script src='unitegallery/js/unitegallery.min.js'></script>
<link rel='stylesheet' href='unitegallery/css/unite-gallery.css' type='text/css' />
<script src='unitegallery/themes/default/ug-theme-default.js'></script>
<link rel='stylesheet' href='unitegallery/themes/default/ug-theme-default.css' type='text/css' />
2. <body></body>부분에 적용
<div id="gallery" style="display:none;">
<img alt="Image 1 Title" src="thumbs/image1.jpg"
data-image="images/image1.jpg"
data-description="Image 1 Description">
<img alt="Image 2 Title" src="thumbs/image2.jpg"
data-image="images/image02.jpg"
data-description="Image 2 Description">
</div>
여기서
src : 썸네일 주소,
data-image : 원본 이미지 주소,
data-description : 이미지 설명 (옵션)
3. jQuery코드 적용
<script>
jQuery(document).ready(function(){
jQuery("#gallery").unitegallery();
});
</script>
그누보드에 적용방법:
1. 스킨을 다운로드하여 압축을 풀고,
2. theme/테마명/skin/board/ 아래에 ftp를 이용하여 업로드
3. 관리자에서 게시판을 추가하고 스킨을 적용하면 됩니다.
미리보기 : http://www.live24.co.kr/bbs/board.php?bo_table=unitegallery