모바일환경 팝업창 이미지 리사이즈 정보
모바일환경 팝업창 이미지 리사이즈본문
모바일기기 브라우저 크기에 따라 이미지를 리사이즈 합니다.
가로사이즈만 고려했습니다.
mobile/newwin.inc.php 파일을 아래와 같이 수정하세요.
top, left는 0px로 고정합니다.
일단은 오류가 없는 것 같네요.
창이 여러개인 경우는 테스트하지 못했습니다. 이 경우 오류가 있을 것 같지만...
<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if (!defined('_SHOP_')) {
$pop_division = 'comm';
} else {
$pop_division = 'shop';
}
$sql = " select * from {$g5['new_win_table']}
where '".G5_TIME_YMDHIS."' between nw_begin_time and nw_end_time
and nw_device IN ( 'both', 'mobile' ) and nw_division IN ( 'both', '".$pop_division."' )
order by nw_id asc ";
$result = sql_query($sql, false);
for ($i=0; $row_nw=sql_fetch_array($result); $i++)
{
// 이미 체크 되었다면 Continue
if ($_COOKIE["hd_pops_{$row_nw['nw_id']}"])
continue;
$sql = " select * from {$g5['new_win_table']} where nw_id = '{$row_nw['nw_id']}' ";
$nw = sql_fetch($sql);
$nw_height = $nw['nw_height'] + 42;
?>
<!-- 팝업레이어 시작 { -->
<div id="hd_pops_<?php echo $nw['nw_id'] ?>" class="hd_pops" style="top:0px;left:0px;width:<?php echo $nw['nw_width'] ?>px;height:<?php echo $nw_height ?>px">
<div class="hd_pops_con">
<?php echo conv_content($nw['nw_content'], 1); ?>
</div>
<div class="hd_pops_footer">
<button class="hd_pops_reject hd_pops_<?php echo $nw['nw_id']; ?> <?php echo $nw['nw_disable_hours']; ?>"><strong><?php echo $nw['nw_disable_hours']; ?></strong>시간 동안 다시 열람하지 않습니다.</button>
<button class="hd_pops_close hd_pops_<?php echo $nw['nw_id']; ?>">닫기</button>
</div>
</div>
<script>
$(document).ready(function() {
$width = $(window).width();
if ($width < <?php echo $nw['nw_width']?>)
{
$('img').css({
'max-width' : $width , 'height' : 'auto'
});
$('.hd_pops').css({
'max-width' : $width , 'height' : 'auto'
});
}
});
</script>
<?php }
if ($i == 0) echo '<span class="sound_only">팝업레이어 알림이 없습니다.</span>';
?>
<script>
$(function() {
$(".hd_pops_reject").click(function() {
var id = $(this).attr('class').split(' ');
var ck_name = id[1];
var exp_time = parseInt(id[2]);
$("#"+id[1]).css("display", "none");
set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
});
$('.hd_pops_close').click(function() {
var idb = $(this).attr('class').split(' ');
$('#'+idb[1]).css('display','none');
});
});
</script>
<!-- } 팝업레이어 끝 -->
* 그누보드5에도 적용 가능합니다.
가로사이즈만 고려했습니다.
mobile/newwin.inc.php 파일을 아래와 같이 수정하세요.
top, left는 0px로 고정합니다.
일단은 오류가 없는 것 같네요.
창이 여러개인 경우는 테스트하지 못했습니다. 이 경우 오류가 있을 것 같지만...
<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if (!defined('_SHOP_')) {
$pop_division = 'comm';
} else {
$pop_division = 'shop';
}
$sql = " select * from {$g5['new_win_table']}
where '".G5_TIME_YMDHIS."' between nw_begin_time and nw_end_time
and nw_device IN ( 'both', 'mobile' ) and nw_division IN ( 'both', '".$pop_division."' )
order by nw_id asc ";
$result = sql_query($sql, false);
for ($i=0; $row_nw=sql_fetch_array($result); $i++)
{
// 이미 체크 되었다면 Continue
if ($_COOKIE["hd_pops_{$row_nw['nw_id']}"])
continue;
$sql = " select * from {$g5['new_win_table']} where nw_id = '{$row_nw['nw_id']}' ";
$nw = sql_fetch($sql);
$nw_height = $nw['nw_height'] + 42;
?>
<!-- 팝업레이어 시작 { -->
<div id="hd_pops_<?php echo $nw['nw_id'] ?>" class="hd_pops" style="top:0px;left:0px;width:<?php echo $nw['nw_width'] ?>px;height:<?php echo $nw_height ?>px">
<div class="hd_pops_con">
<?php echo conv_content($nw['nw_content'], 1); ?>
</div>
<div class="hd_pops_footer">
<button class="hd_pops_reject hd_pops_<?php echo $nw['nw_id']; ?> <?php echo $nw['nw_disable_hours']; ?>"><strong><?php echo $nw['nw_disable_hours']; ?></strong>시간 동안 다시 열람하지 않습니다.</button>
<button class="hd_pops_close hd_pops_<?php echo $nw['nw_id']; ?>">닫기</button>
</div>
</div>
<script>
$(document).ready(function() {
$width = $(window).width();
if ($width < <?php echo $nw['nw_width']?>)
{
$('img').css({
'max-width' : $width , 'height' : 'auto'
});
$('.hd_pops').css({
'max-width' : $width , 'height' : 'auto'
});
}
});
</script>
<?php }
if ($i == 0) echo '<span class="sound_only">팝업레이어 알림이 없습니다.</span>';
?>
<script>
$(function() {
$(".hd_pops_reject").click(function() {
var id = $(this).attr('class').split(' ');
var ck_name = id[1];
var exp_time = parseInt(id[2]);
$("#"+id[1]).css("display", "none");
set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
});
$('.hd_pops_close').click(function() {
var idb = $(this).attr('class').split(' ');
$('#'+idb[1]).css('display','none');
});
});
</script>
<!-- } 팝업레이어 끝 -->
* 그누보드5에도 적용 가능합니다.
추천
1
1
댓글 5개
수정해 보았습니다.
감사합니다^^!
좋은팁 감사합니다.^^
팝업이 아에 안뜨네요..ㅠㅠ
감사합니다.^^