20'C 흐림
서울 강남구
/theme/eb4_basic/skin/eblatest/caption-gallery/eblatest.skin.html.php
7line 코드추가
// EB최신글 - 아이템 캡션 사용 필드 추가
sql_query(" ALTER TABLE `{$g5['eyoom_latest_item']}` ADD `li_caption` CHAR(1) NOT NULL DEFAULT '' AFTER `li_photo` ", false);
//분할 출력 칸수
$item_division = array(
'2' => '50%',
'3' => '33.3333%',
'4' => '25%',
'5' => '20%',
'6' => '16.6666666667%',
'7' => '14.2857142857%',
'8' => '12.5%'
);
스타일추가
img-caption 하단에 아래 css추가
.gallery-latest .pull-right {float: right !important;}
.gallery-latest .ellipsis { display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; }
.gallery-latest .count {font-size: 10px;font-weight:bold;font-family:verdana;letter-spacing:-1px;line-height:16px;padding-right:1px;color: orangered !important;}
.gallery-latest .caption-subject {position: absolute;width:100%;left:0px;bottom: 0px;padding: 6px 8px;margin: 0;line-height:20px;background-color: rgba(0, 0, 0, 0.7) !important;color: #c5c5c5 !important;}
.gallery-latest .caption-hover .caption-subject {transition:transform 0.4s, opacity 0.1s 0.3s; opacity: 0; transform: translateY(100%); -o-transition: -o-transform .4s, opacity .1s .3s; -moz-transition: -moz-transform .4s, opacity .1s .3s; -webkit-transition: -webkit-transform .4s, opacity .1s .3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%);}
.gallery-latest .caption-hover .gallery-item:hover .caption-subject {transition:transform 0.4s, opacity 0.1s; opacity: 1; transform: translateY(0px); -o-transition: -o-transform .4s, opacity .1s; -moz-transition: -moz-transform .4s, opacity .1s; -webkit-transition: -webkit-transform .4s, opacity .1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0);}
// 캡션
$caption = (isset($eb_latest['li_caption']) && $eb_latest['li_caption']) ? $eb_latest['li_caption'] : '';
$is_caption = ($caption == "1") ? false : true;
캡션영역 추가
img-caption 하단에 아래코드 추가
<?php if($is_caption && $caption) { ?>
<div class="caption-subject ellipsis">
<?php if($eb_latest['li_use_date'] == 'y' || (!$data['is_cmt'] && $data['wr_comment'])) { ?>
<span class="pull-right">
<?php if (!$data['is_cmt'] && $data['wr_comment']) { ?>
<span class="count">+<?php echo number_format($data['wr_comment']); ?></span>
<?php } ?>
<?php if ($eb_latest['li_use_date'] == 'y') { ?>
<i class="far fa-clock m-r-5"></i><?php echo $eb_latest['li_date_type'] == '1' ? $eb->date_time("{$eb_latest['li_date_kind']}",$data['wr_datetime']): $eb->date_format("{$eb_latest['li_date_kind']}",$data['wr_datetime']); ?>
<?php } ?>
</span>
<?php } ?>
<?php echo $data['wr_subject']; ?>
</div>
<?php } ?>
EB최신글 - 아이템 캡션 옵션 추가
/adm/eyoom_admin/theme/basic/skin/theme/eblatest_itemform.html.php
393line 아래 코드 추가
<tr>
<th class="table-form-th">
<label class="label">캡션 출력여부</label>
</th>
<td>
<label for="li_caption" class="select form-width-250px">
<select name="li_caption" id="li_caption">
<option value="" <?php echo $li['li_caption'] == '' ? 'selected':''; ?>>캡션없음</option>
<option value="1" <?php echo $li['li_caption'] == '1' ? 'selected':''; ?>>캡션숨김</option>
<option value="2" <?php echo $li['li_caption'] == '2' ? 'selected':''; ?>>일반캡션</option>
<option value="3" <?php echo $li['li_caption'] == '3' ? 'selected':''; ?>>호버캡션</option>
</select><i></i>
</label>
<div class="note"><strong>Note:</strong> 최신글 스킨이 갤러리 타입일 경우, 출력 이미지위에 제목 및 작성일 출력여부를 설정합니다.</div>
</td>
</tr>
EB최신글 - 아이템 캡션 옵션 반영
/adm/eyoom_admin/core/theme/eblatest_itemform_update.php
39line 아래 코드 추가
$li_caption = isset($_POST['li_caption']) ? clean_xss_tags(trim($_POST['li_caption'])) : '';
li_caption = '{$li_caption}',