102 lines
5.2 KiB
PHP
102 lines
5.2 KiB
PHP
<?php
|
|
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
|
?>
|
|
|
|
<link rel="stylesheet" href="<?php echo G5_URL ?>/rb/rb.widget/rb.fg_banner/style.css?ver=<?php echo G5_TIME_YMDHIS ?>">
|
|
|
|
|
|
<!--
|
|
경로 : /rb/rb.widget/rb.icon_menu/
|
|
사용자코드를 입력하세요.
|
|
-->
|
|
|
|
|
|
<div class="fg_icon_menu rb_w100_div rb_w100_<?php echo $row_mod['md_id'] ?>">
|
|
|
|
<div class="fg_icon_menu_inner" style="width:<?php echo $rb_core['main_width'] ?>px;">
|
|
<div class="rb_swiper" id="rb_swiper_<?php echo $rb_skin['md_id'] ?>_btm" data-pc-w="3" data-pc-h="2" data-mo-w="1" data-mo-h="1" data-pc-gap="30" data-mo-gap="20" data-autoplay="1" data-autoplay-time="4000" data-pc-swap="0" data-mo-swap="1">
|
|
|
|
<div class="rb_swiper_inner">
|
|
<div class="rb-swiper-wrapper swiper-wrapper">
|
|
<div class="rb_swiper_list">
|
|
<button type="button" class="theme_btns" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/theme1_bg.png');" onclick="window.open('/VR/2019(day).html');">
|
|
<span>23가지 테마가 있는<br>퍼스트가든</span>
|
|
<span><img src="<?php echo G5_THEME_URL ?>/rb.img/vr_ico.svg"></span>
|
|
</button>
|
|
</div>
|
|
<div class="rb_swiper_list">
|
|
<button type="button" class="theme_btns" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/theme2_bg.png');" onclick="window.open('/VR/2019(night).html');">
|
|
<span>별빛이 흐르는<br>퍼스트가든</span>
|
|
<span><img src="<?php echo G5_THEME_URL ?>/rb.img/vr_ico.svg"></span>
|
|
</button>
|
|
</div>
|
|
<div class="rb_swiper_list">
|
|
<button type="button" class="theme_btns" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/theme3_bg.png');" onclick="location.href='<?php echo G5_URL ?>/content/edu1';">
|
|
<span>교육과 체험이 있는<br>퍼스트가든</span>
|
|
<span><img src="<?php echo G5_THEME_URL ?>/rb.img/right_ico.svg"></span>
|
|
</button>
|
|
</div>
|
|
<div class="rb_swiper_list">
|
|
<button type="button" class="theme_btns" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/theme4_bg.png');" onclick="location.href='<?php echo G5_URL ?>/facilities';">
|
|
<span>볼거리와 즐길거리가 있는<br>퍼스트가든</span>
|
|
<span><img src="<?php echo G5_THEME_URL ?>/rb.img/right_ico.svg"></span>
|
|
</button>
|
|
</div>
|
|
<div class="rb_swiper_list">
|
|
<button type="button" class="theme_btns" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/theme5_bg.png');" onclick="location.href='<?php echo G5_URL ?>/dining';">
|
|
<span>맛있는 먹을거리가 있는<br>퍼스트가든</span>
|
|
<span><img src="<?php echo G5_THEME_URL ?>/rb.img/right_ico.svg"></span>
|
|
</button>
|
|
</div>
|
|
<div class="rb_swiper_list">
|
|
<button type="button" class="theme_btns" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/theme6_bg.png');" onclick="location.href='<?php echo G5_URL ?>/news';">
|
|
<span>365일 쉬지 않는<br>퍼스트가든</span>
|
|
<span><img src="<?php echo G5_THEME_URL ?>/rb.img/right_ico.svg"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
|
|
//부모 width를 무시하고 div 를 100%로 만들고, 모듈설정 버튼의 100% 처리를 위해 스크립트를 사용 합니다.
|
|
//복제 사용을 위해 $row_mod['md_id'](모듈ID) 를 활용 합니다.
|
|
|
|
function adjustDivWidth_<?php echo $row_mod['md_id'] ?>() {
|
|
const content_w = $('.rb_w100_<?php echo $row_mod['md_id'] ?>');
|
|
const firstAdminOv_w = content_w.nextUntil('.admin_ov').next('.admin_ov');
|
|
|
|
if ($(window).width() > <?php echo $rb_core['main_width'] ?>) {
|
|
content_w.css({
|
|
'width': '100vw',
|
|
'position': 'relative',
|
|
'left': '50%',
|
|
'transform': 'translateX(-50%)'
|
|
});
|
|
firstAdminOv_w.css({
|
|
'width': '100vw',
|
|
'left': '50%',
|
|
'transform': 'translateX(-50%)'
|
|
});
|
|
} else {
|
|
content_w.css({
|
|
'width': '100%',
|
|
'position': 'static',
|
|
'left': '0',
|
|
'transform': 'none'
|
|
});
|
|
firstAdminOv_w.css({
|
|
'width': '100%',
|
|
'left': '0',
|
|
'transform': 'none'
|
|
});
|
|
}
|
|
}
|
|
|
|
$(document).ready(adjustDivWidth_<?php echo $row_mod['md_id'] ?>);
|
|
$(window).resize(adjustDivWidth_<?php echo $row_mod['md_id'] ?>);
|
|
</script>
|