모바일환경 팝업창 이미지 리사이즈 > 영카트5 팁자료실

영카트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

댓글 5개

전체 392
영카트5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT