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

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

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

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

회원로그인

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