div 세로정렬이 화면 크기에 따라 맘대로 변경됩니다.
연수천재다
11년 전
조회 6,667
제이쿼리로 div 감싸서 이미지롤링 시키는데 화면 창 크기에 따라 배너이미지 세로위치가 변경됩니다.
새로고침하면 원래대로 돌아오기는 하는데 화면 창 크기를 변경시키면 다시 세로위치가 자기 멋대로 바뀝니다.
고수분들의 도움 구합니다.
사이트는 http://www.sjjgory.or.kr">www.sjjgory.or.kr 입니다.
</div>
<div><?
include_once("./_common.php");
?>
<html>
<head>
<title>서전주영광교회</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<style>
.clsBannerScreen {overflow: hidden; position:relative; height: 402px;width: 646px; border:1px solid #e1e1e1; cursor:pointer;}
.clsBannerScreen .images {display:none; position:absolute; }
ul, li {list-style:none; margin:0; padding:0; font-size:10pt; }
.clsBannerButton {width:600px;cursor:pointer; border-bottom:1px solid #e1e1e1;}
.clsBannerButton li {width:100px;float:left; border-right:1px solid #e1e1e1;padding:2px;}
.clsBannerButton li.fir {border-left:1px solid #e1e1e1;}</div>
<div>.clsBannerButton li.labelOverClass {font-weight:bold;}
</style>
<script type="text/javascript" src="<a href='<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script'" target="_blank" rel="noopener noreferrer">http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script'</a>><a href="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" target="_blank" rel="noopener noreferrer">http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js</a>"></script</a>>
<script type="text/javascript" src="jquery.banner.js"></script>
<script type="text/javascript">
<!--
$(function() {
$("#image_list_1").jQBanner({ //롤링을 할 영역의 ID 값
nWidth:646, //영역의 width
nHeight:402, //영역의 height
nCount:3, //돌아갈 이미지 개수
isActType:"left", //움직일 방향 (left, right, up, down)
nOrderNo:1, //초기 이미지
nDelay:6000 //롤링 시간 타임 (1000 = 1초)
/*isBtnType:"li"*/ //라벨(버튼 타입) - 여기는 안쓰임
}
);
$("#image_list_2").jQBanner({nWidth:646,nHeight:150,nCount:3,isActType:"left",nOrderNo:1,isStartAct:"N",isStartDelay:"Y",nDelay:6000,isBtnType:"li"});
$("#image_list_3").jQBanner({nWidth:646,nHeight:150,nCount:3,isActType:"left",nOrderNo:1,isStartAct:"N",isStartDelay:"Y",nDelay:6000,isBtnType:"img"});
});
//-->
</script>
<meta name="generator" content="Namo WebEditor(Trial)">
</head>
<body style="background-image:url(<?=$g4['path']?>/images/main_bg_01.jpg); background-repeat:repeat-x; margin:0;">
<table cellpadding="0" cellspacing="0" width="100%" height="100%" align="center">
<tr>
<td width="100%" height="26" align="center" valign="middle" background="<?=$g4['path']?>/images/main_tbar_bg.jpg">
<table width="600" height="26" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="600" height="26"></td>
<td width="26" height="26"><a href="<a href='<a href="http://www.sjjglory.or.kr"><img'" target="_blank" rel="noopener noreferrer">http://www.sjjglory.or.kr"><img'</a>><a href="http://www.sjjglory.or.kr" target="_blank" rel="noopener noreferrer">http://www.sjjglory.or.kr</a>"><img</a> src="<?=$g4['path']?>/images/bm1_01.jpg" width="26" height="26" border="0"></a></td>
<td width="3" height="26"><img src="<?=$g4['path']?>/images/bml_01.jpg" width="3" height="26" border="0"></td>
<!--로그인 이전-->
<? if (!$member['mb_id']) { ?>
<td width="49" height="26"><a href="<?=$g4['bbs_path']?>/login.php?url=<?=$urlencode?>"><img src="<?=$g4['path']?>/images/bm2_01.jpg" width="49" height="26" border="0"></a></td>
<td width="3" height="26"><img src="<?=$g4['path']?>/images/bml_01.jpg" width="3" height="26" border="0"></td>
<td width="52" height="26"><a href="<?=$g4['bbs_path']?>/register.php"><img src="<?=$g4['path']?>/images/bm3_01.jpg" width="52" height="26" border="0"></a></td>
<td width="3" height="26"><img src="<?=$g4['path']?>/images/bml_01.jpg" width="3" height="26" border="0"></td>
<? } else { ?>
<!--로그인 이후-->
<td width="49" height="26"><a href="<?=$g4['bbs_path']?>/logout.php"><img src="<?=$g4['path']?>/images/bm2_02.jpg" width="49" height="26" border="0"></a></td>
<td width="3" height="26"><img src="<?=$g4['path']?>/images/bml_01.jpg" width="3" height="26" border="0"></td>
<td width="52" height="26"><a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php"><img src="<?=$g4['path']?>/images/bm3_02.jpg" width="52" height="26" border="0"></a></td>
<td width="3" height="26"><img src="<?=$g4['path']?>/images/bml_01.jpg" width="3" height="26" border="0"></td>
<? } ?>
<td width="58" height="26"><a href="<?=$g4['bbs_path']?>/board.php?bo_table=qna_1"><img src="<?=$g4['path']?>/images/bm4_01.jpg" width="58" height="26" border="0"></a></td>
<td width="3" height="26"><img src="<?=$g4['path']?>/images/bml_01.jpg" width="3" height="26" border="0"></td>
<td width="68" height="26"><a href="<?=$g4['path']?>/site_01.php"><img src="<?=$g4['path']?>/images/bm5_01.jpg" width="68" height="26" border="0"></a></td>
<td width="35" height="26"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="100%" align="center" valign="middle">
<table width="841" height="402" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="180" colspan="2"><a href="<a href='<a href="http://www.sjjglory.or.kr"><img'" target="_blank" rel="noopener noreferrer">http://www.sjjglory.or.kr"><img'</a>><a href="http://www.sjjglory.or.kr" target="_blank" rel="noopener noreferrer">http://www.sjjglory.or.kr</a>"><img</a> src="<?=$g4['path']?>/images/main_logo_01.png" width="179" height="60" border="0"></a></td>
<td width="15" height="402" rowspan="10"></td>
<td width="646" height="402" rowspan="10" valign="middle">
<!--<img src="<?=$g4['path']?>/images/main_img_01.jpg" height="432" border="0" width="646">-->
<div id="image_list_1" style="width:646px; height:402px: position:relative; border-width:0px;">
<div class="clsBannerScreen" style="position:absolute; left:0px; top:0px; border-width:0px;">
<div style="position:absolute; border-width:0px; display:block;"><a href="<a href='<a href="http://www.sjjglory.or.kr"><img'" target="_blank" rel="noopener noreferrer">http://www.sjjglory.or.kr"><img'</a>><a href="http://www.sjjglory.or.kr" target="_blank" rel="noopener noreferrer">http://www.sjjglory.or.kr</a>"><img</a> src="images/main_img_01.jpg" border="0"></a></div>
<div style="position:absolute; border-width:0px;"><a href="<?=$g4['path']?>/church_01.php"><img src="images/main_img_02.jpg" border="0"></a></div>
<div style="position:absolute; border-width:0px;"><img src="images/main_img_03.jpg" border="0"></div>
</div>
</div>
</td>
</tr>
<tr>
<td width="32" height="5"></td>
<td width="148" height="5"></td>
<td width="15" height="5"></td>
</tr>
<tr>
<td width="32" height="36"></td>
<td width="148" height="36"><a href="<?=$g4['path']?>/church_01.php"><img src="<?=$g4['path']?>/images/main_menu_01a.png" width="148" height="36" border="0"></a></td>
<td width="15" height="36"></td>
</tr>
<tr>
<td width="32" height="36"></td>
<td width="148" height="36"><a href="<?=$g4['bbs_path']?>/board.php?bo_table=sermon_1"><img src="<?=$g4['path']?>/images/main_menu_02a.png" width="148" height="36" border="0"></a></td>
<td width="15" height="36"></td>
</tr>
<tr>
<td width="32" height="36"></td>
<td width="148" height="36"><a href="<?=$g4['bbs_path']?>/board.php?bo_table=column_1"><img src="<?=$g4['path']?>/images/main_menu_03a.png" width="148" height="36" border="0"></a></td>
<td width="15" height="36"></td>
</tr>
<tr>
<td width="32" height="2"></td>
<td width="148" height="2"><a href="<?=$g4['bbs_path']?>/board.php?bo_table=familly_1"><img src="<?=$g4['path']?>/images/main_menu_04a.png" width="148" height="36" border="0"></a></td>
<td width="15" height="18"></td>
</tr>
<tr>
<td width="32" height="35"></td>
<td width="148" height="35"><a href="<?=$g4['bbs_path']?>/board.php?bo_table=board_1"><img src="<?=$g4['path']?>/images/main_menu_05a.png" width="148" height="35" border="0"></a></td>
<td width="15" height="35"></td>
</tr>
<tr>
<td width="32" height="37"></td>
<td width="148" height="37"><a href="<?=$g4['bbs_path']?>/board.php?bo_table=photo_1"><img src="<?=$g4['path']?>/images/main_menu_06a.png" width="148" height="37" border="0"></a></td>
<td width="15" height="37"></td>
</tr>
<tr>
<td width="32" height="10"></td>
<td width="148" height="10"></td>
<td width="15" height="10"></td>
</tr>
<tr>
<td width="32" height="103"> </td>
<td width="148" height="103" valign="top"><img src="<?=$g4['path']?>/images/main_banner_01.png" width="148" height="103" border="0"></td>
<td width="15" height="103"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="62" valign="bottom" align="center">
<div align="center"><img src="<?=$g4['path']?>/images/bottom_info_01.jpg" width="838" height="62" border="0">
</div>
</td>
</tr>
</table>
</body></div>
<div></html></div>
<div>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인