5.4 버전 테마 수정중
This commit is contained in:
@@ -10,7 +10,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
|
||||
|
||||
<!-- 댓글 리스트 -->
|
||||
<section id="bo_vc">
|
||||
<h2 class="bo_vc_tit">댓글목록 <span>100</span></h2>
|
||||
<h2 class="bo_vc_tit">댓글목록 <span><?php echo $view['wr_comment']; ?></span></h2>
|
||||
<?php
|
||||
for ($i=0; $i<count($list); $i++) {
|
||||
$comment_id = $list[$i]['wr_id'];
|
||||
|
||||
@@ -10,7 +10,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
|
||||
|
||||
<!-- 댓글 리스트 -->
|
||||
<section id="bo_vc">
|
||||
<h2 class="bo_vc_tit">댓글목록 <span>100</span></h2>
|
||||
<h2 class="bo_vc_tit">댓글목록 <span><?php echo $view['wr_comment']; ?></span></h2>
|
||||
<?php
|
||||
for ($i=0; $i<count($list); $i++) {
|
||||
$comment_id = $list[$i]['wr_id'];
|
||||
|
||||
@@ -0,0 +1,54 @@
|
||||
jQuery(function($){
|
||||
$(document).ready(function(){
|
||||
|
||||
var carousels = [],
|
||||
is_loop = true;
|
||||
|
||||
function owl_show_page(event){
|
||||
|
||||
if (event.item) {
|
||||
var count = event.item.count,
|
||||
item_index = event.item.index,
|
||||
index = 1;
|
||||
|
||||
if( is_loop ){
|
||||
index = ( 1 + ( event.property.value - Math.ceil( event.item.count / 2 ) ) % event.item.count || 0 ) || 1;
|
||||
} else {
|
||||
index = event.item.index ? event.item.index + 1 : 1;
|
||||
}
|
||||
|
||||
var str = "<b>"+index+"</b>/"+count;
|
||||
|
||||
$(event.target).next(".lt_page").find(".page_print").html(str);
|
||||
}
|
||||
}
|
||||
|
||||
$(".lt.owl-carousel-wrap").each(function(index, value) {
|
||||
|
||||
var $this = $(this),
|
||||
item_loop_c = ($this.children('.latest-sel').find(".item").length > 1) ? 1 : 0 ;
|
||||
|
||||
carousels['sel' + index] = $this.children('.latest-sel').addClass("owl-carousel").owlCarousel({
|
||||
items:1,
|
||||
loop: is_loop && item_loop_c,
|
||||
center:true,
|
||||
autoHeight:true,
|
||||
dots:false,
|
||||
onChanged:function(event){
|
||||
owl_show_page(event);
|
||||
},
|
||||
});
|
||||
|
||||
$this.on("click", ".lt_page_next", function(e) {
|
||||
e.preventDefault();
|
||||
carousels['sel' + index].trigger('next.owl.carousel');
|
||||
});
|
||||
|
||||
$this.on("click", ".lt_page_prev", function(e) {
|
||||
e.preventDefault();
|
||||
carousels['sel' + index].trigger('prev.owl.carousel');
|
||||
});
|
||||
|
||||
}); // each
|
||||
});
|
||||
});
|
||||
@@ -3,6 +3,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
|
||||
|
||||
add_javascript('<script src="'.G5_JS_URL.'/owlcarousel/owl.carousel.min.js"></script>', 10);
|
||||
add_javascript('<script src="'.$latest_skin_url.'/latest.carousel.js"></script>', 11);
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_JS_URL.'/owlcarousel/owl.carousel.min.css">', 10);
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
@@ -11,11 +12,13 @@ $thumb_width = 138;
|
||||
$thumb_height = 80;
|
||||
$list_count = count($list);
|
||||
$divisor_count = 4;
|
||||
$start_page_num = $list_count ? '1' : '0';
|
||||
$is_show_next_prev = ($list_count > 4) ? 1 : 0;
|
||||
?>
|
||||
|
||||
<div class="lt owl-carousel-wrap">
|
||||
<a href="<?php echo get_pretty_url($bo_table); ?>" class="lt_title"><strong><?php echo $bo_subject; ?></strong></a>
|
||||
<div class="<?php echo $list_count ? 'owl-carousel' : ''; ?>">
|
||||
<div class="<?php echo $list_count ? 'latest-sel' : ''; ?>">
|
||||
<ul class="item">
|
||||
<?php
|
||||
for ($i=0; $i<$list_count; $i++) {
|
||||
@@ -68,74 +71,12 @@ $divisor_count = 4;
|
||||
<?php } //end if ?>
|
||||
</ul>
|
||||
</div>
|
||||
<?php if ($is_show_next_prev){ // $divisor_count 이상의 값이 있을경우에만 출력 ?>
|
||||
<div class="lt_page">
|
||||
<button class="lt_page_prev"><span class="sound_only">이전페이지</span><i class="fa fa-caret-left" aria-hidden="true"></i></button>
|
||||
<span class="page_print"></span>
|
||||
<span class="page_print"><b><?php echo $start_page_num; ?></b>/<?php echo $start_page_num; ?></span>
|
||||
<button class="lt_page_next"><span class="sound_only">다음페이지</span><i class="fa fa-caret-right" aria-hidden="true"></i></button>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<a href="<?php echo get_pretty_url($bo_table); ?>" class="lt_more"><span class="sound_only"><?php echo $bo_subject ?></span>전체보기</a>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
static $is_mobile_latest_script = 0;
|
||||
|
||||
if( ! $is_mobile_latest_script ){
|
||||
?>
|
||||
<script>
|
||||
jQuery(function($){
|
||||
$(document).ready(function(){
|
||||
|
||||
function owl_show_page(event){
|
||||
|
||||
if (event.item) {
|
||||
var count = event.item.count,
|
||||
item_index = event.item.index,
|
||||
index = 1;
|
||||
|
||||
if( item_index >= count ){
|
||||
index = ( 1 + ( event.property.value - Math.ceil( event.item.count / 2 ) ) % event.item.count || 0 ) || 1;
|
||||
} else {
|
||||
index = event.item.index ? event.item.index + 1 : 1;
|
||||
}
|
||||
|
||||
var str = "<b>"+index+"</b>/"+count;
|
||||
|
||||
$(event.target).next(".lt_page").find(".page_print").html(str);
|
||||
}
|
||||
}
|
||||
|
||||
var carousels = [];
|
||||
|
||||
$(".lt.owl-carousel-wrap").each(function(index, value) {
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
carousels['sel' + index] = $this.find('.owl-carousel').owlCarousel({
|
||||
items:1,
|
||||
loop:true,
|
||||
center:true,
|
||||
autoHeight:true,
|
||||
dots:false,
|
||||
onChanged:function(event){
|
||||
owl_show_page(event);
|
||||
},
|
||||
});
|
||||
|
||||
$this.on("click", ".lt_page_next", function(e) {
|
||||
e.preventDefault();
|
||||
carousels['sel' + index].trigger('next.owl.carousel');
|
||||
});
|
||||
|
||||
$this.on("click", ".lt_page_prev", function(e) {
|
||||
e.preventDefault();
|
||||
carousels['sel' + index].trigger('prev.owl.carousel');
|
||||
});
|
||||
|
||||
}); // each
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<?php
|
||||
$is_mobile_latest_script = 1;
|
||||
} //end if
|
||||
?>
|
||||
</div>
|
||||
@@ -13,7 +13,7 @@
|
||||
.lt .lt_tit {display:block;font-size:1.2em;font-weight:bold;max-height:60px;overflow:hidden;padding-bottom:10px}
|
||||
.lt .lt_info {display:inline-block;position:relative;line-height:20px;color:#828282;font-size:0.925em;vertical-align:top}
|
||||
.lt .lt_date {color:#828282}
|
||||
.lt .owl-carousel{margin-top:1px}
|
||||
.lt .latest-sel{margin-top:1px}
|
||||
|
||||
.lt .lt_more {position:absolute;top:15px;right:15px;color:#3a8afd;background:#fff;border:1px solid #d1d7e5;font-size:0.925em;border-radius:3px;padding:4px 5px}
|
||||
.lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
|
||||
|
||||
Reference in New Issue
Block a user