owl carousel 최신 갤러리 게시판 문의드립니다. 채택완료
에티테마를 사용하고 있는데요.
최신 갤러리 게시판이 owl carousel을 적용한 게시판입니다.
그런데 이미지를 첨부해서 올리면 같은 이미지가 최신글에 2개씩 보여집니다
각각 이미지 첨부한 글4개를 올려야지만 최신글에 각각 이미지가 1개씩 보여지는데요.
수정할려면 어떻게 해야할까요?
답변 2개
채택된 답변
+20 포인트
5년 전
오류의 전제를 조금 더 알려주시면 좋을 것 같습니다.
만약 게시글이 1개라면 4개의 card 영역이 모두 1개의 게시글 이미지로 표현되나요?
view.skin.php 에서
<element class="cards">
<element class="card">썸네일</element>
</element>
을 포함하고 있는 php 문을 올려주시면 답변에 도움 될 듯 하네요!
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
5년 전
댓글을 작성하려면 로그인이 필요합니다.
5년 전
제가 알고있는 Owl-Carousel 기본 소스트리와는 조금 상이하네요
Copy
<div class="owl-carousel">
<ul class="items">
<li class="item"> <img /> </li>
</ul>
</div>제가 알고있는 위 소스트리와 비교해보자면 items 엘레멘트가 빠져있는 것 같구요
Copy
<div id="owl1" class="owl-carousel owl-theme">바로 아래에 <div class="items"> 를 한번 추가해보신다음 콘솔 로그상에서 오류가 없는지 확인해보도록해요.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
latest.skin 소스는 아래와 같습니다.
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
$thumb_width = 204;
$thumb_height = 120;
?>
<STYLE>
img { width:100%; }
.gallery_row {
margin-left: -5px;
margin-right: -5px;
}
.gallery_col {
padding-left: 5px;
padding-right: 5px;
}
</STYLE>
<div class="head-title">
<a href="/bbs/board.php?bo_table=<?php echo $bo_table?>"><h2 class="h2-title-bottom"><?php echo $bo_subject?></h2></a>
<a href="#" class="btn-more"><span class="sound_only"><?php echo $bo_subject?></span></a>
</div>
<div id="owl1" class="owl-carousel owl-theme">
<?php
//유튜브
for ($i=0; $i<count($list); $i++) {
// 최근게시물 공지는 제외
if(!$list[$i]['is_notice']) {
$arr = explode('/',$list[$i]['wr_10']);
$yt = str_replace("watch?v=", "", $arr[3]);
$yt = explode('&',$yt);
$yt = $yt[0];
if($yt) {
$img_content = '<img src="https://img.youtube.com/vi/'.$yt.'/0.jpg" alt="'.$list[$i]['wr_subject'].'" style="width:100%; height: 120px;">';
}else{
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);
if($thumb['src']) {
$img = $thumb['src'];
} else {
$img = G5_IMG_URL.'/no_img.png';
$thumb['alt'] = '이미지가 없습니다.';
}
$img_content = '<img src="'.$img.'" alt="'.$thumb['alt'].'" style="width:100%; height: 120px;">';
}
?>
<div class="item" style='position: relative;'>
<a href="<?php echo $list[$i]['href'] ?>" class="lt_img"><?php echo $img_content; ?></a>
<?php
echo "<div class='gallery-content'>";
echo "<a href=\"".$list[$i]['href']."\"> ";
if ($list[$i]['is_notice'])
echo "<strong>".cut_str($list[$i]['subject'],'30','..')."</strong>";
else
echo $list[$i]['subject'];
echo "</a>";
if ($list[$i]['comment_cnt']) echo "
<span class=\"lt_cmt\">+ ".$list[$i]['wr_comment']."</span>";
if ($list[$i]['icon_secret']) echo "<i class=\"fa fa-lock\" aria-hidden=\"true\"></i><span class=\"sound_only\">비밀글</span> ";
//if ($list[$i]['icon_new']) echo "<span class=\"new_icon\">N<span class=\"sound_only\">새글</span></span>";
//if ($list[$i]['icon_hot']) echo "<span class=\"hot_icon\">H<span class=\"sound_only\">인기글</span></span>";
// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
// if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }
//echo $list[$i]['icon_reply']." ";
// if ($list[$i]['icon_file']) echo " <i class=\"fa fa-download\" aria-hidden=\"true\"></i>" ;
//if ($list[$i]['icon_link']) echo " <i class=\"fa fa-link\" aria-hidden=\"true\"></i>" ;
?>
<span class="lt_date"><?php echo $list[$i]['datetime2'] ?></span>
</div>
<a href="<?php echo $list[$i]['href'] ?>">
<div class="main_gallery_over">
<i class="fas fa-plus"></i>
</div>
</a>
</div><!-- /col -->
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<li class="empty_li">게시물이 없습니다.</li>
<?php } // for ?>
<?php } // if ?>
</div>