5.4 버전 테마 수정중

This commit is contained in:
thisgun
2018-12-31 19:30:49 +09:00
parent bf7d907ae7
commit 6766ef2e1f
5 changed files with 65 additions and 70 deletions
@@ -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>
+1 -1
View File
@@ -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}